Nerdulator> put something in

Recognised as Colour

#F5EC20

  • #F5EC20
  • Yellow
  • Light
  • Nearest: Yellow

#F5EC20 is a yellow with RGB values 245, 236, 32 and HSL 57°, 91%, 54%. It is a light colour, so black text on it reaches 16.9:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#F5EC20#F5EC20
HEX#F5EC20
RGBrgb(245, 236, 32)
RGB (0–1)0.9608, 0.9255, 0.1255
RGB percentages96.1%, 92.5%, 12.5%
HSLhsl(57.5, 91.4%, 54.3%)
HSV / HSBhsv(57.5, 86.9%, 96.1%)
CMYK0%, 3.7%, 86.9%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,116,768
CSS custom property--colour: #F5EC20;

Brightness & contrast

Relative luminance0.79508WCAG 2.x, 0 is black and 1 is white
Perceived brightness225.3 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 16.9:1
Contrast with white1.24:1WCAG normal text: Fail
Contrast with black16.9:1WCAG normal text: AAA
Greyscale equivalent#DFDFDF
Inverted#0A13DF

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#FFE300no red cones; affects about 1% of men; ΔE 8.9 from the original
Deuteranopia#FFEA38no green cones; the most common form, about 1% of men; ΔE 7.6 from the original
Tritanopia#FFDBCAno blue cones; rare, and affects men and women equally; ΔE 78 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.24:1WCAG large text: Fail
Contrast with black, large text16.9:1WCAG large text: AAA

Named colours

Yellow · ΔE 11.2Gold · ΔE 15Yellow green · ΔE 33.1Green yellow · ΔE 36.6Goldenrod · ΔE 36.8Khaki · ΔE 42.1
Nearest named CSS colourYellow (#FFFF00)ΔE 11.19, a distinctly different colour
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#2029F5
Analogous#F58220, #94F520
Triadic#20F5EC, #EC20F5
Split complementary#2094F5, #8120F5
Tetradic#20F582, #2029F5, #F52094

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FEFDE3
Lighter +30%#FCF8B2
Lighter +20%#F9F482
Lighter +10%#F7F051
Darker −10%#D8D00A
Darker −20%#A7A108
Darker −30%#777205
Darker −40%#464303
More saturated +25%#FFF516
Less saturated −25%#D8D13D

Channel breakdown

R245
G236
B32
Red245 (96.1%)
Green236 (92.5%)
Blue32 (12.5%)
Hue57.46°
Saturation (HSL)91.42%
Lightness54.31%
Dominant channelRed
Hex per channelR F5 · G EC · B 20

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “f5ec20” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.