Nerdulator> put something in

Recognised as Colour

#F5D96C

  • #F5D96C
  • Yellow
  • Light
  • Nearest: Khaki

#F5D96C is a yellow with RGB values 245, 217, 108 and HSL 48°, 87%, 69%. It is a light colour, so black text on it reaches 15:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#F5D96C#F5D96C
HEX#F5D96C
RGBrgb(245, 217, 108)
RGB (0–1)0.9608, 0.851, 0.4235
RGB percentages96.1%, 85.1%, 42.4%
HSLhsl(47.7, 87.3%, 69.2%)
HSV / HSBhsv(47.7, 55.9%, 96.1%)
CMYK0%, 11.4%, 55.9%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,111,980
CSS custom property--colour: #F5D96C;

Brightness & contrast

Relative luminance0.70121WCAG 2.x, 0 is black and 1 is white
Perceived brightness216.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.02:1
Contrast with white1.4:1WCAG normal text: Fail
Contrast with black15.02:1WCAG normal text: AAA
Greyscale equivalent#D7D7D7
Inverted#0A2693

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#ECD561no red cones; affects about 1% of men; ΔE 4.1 from the original
Deuteranopia#F3DE71no green cones; the most common form, about 1% of men; ΔE 3.3 from the original
Tritanopia#FFCBC0no blue cones; rare, and affects men and women equally; ΔE 48.3 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.4:1WCAG large text: Fail
Contrast with black, large text15.02:1WCAG large text: AAA

Named colours

Khaki · ΔE 13.2Dark khaki · ΔE 22.6Goldenrod · ΔE 23.6Pale goldenrod · ΔE 26.1Navajo white · ΔE 29.3Burlywood · ΔE 30.1
Nearest named CSS colourKhaki (#F0E68C)ΔE 13.18, a distinctly different colour
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#6C88F5
Analogous#F5946C, #CDF56C
Triadic#6CF5D9, #D96CF5
Split complementary#6CCDF5, #946CF5
Tetradic#6CF594, #6C88F5, #F56CCD

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFEFB
Lighter +20%#FBF2CC
Lighter +10%#F8E59C
Darker −10%#F2CD3C
Darker −20%#EBBE10
Darker −30%#BB980D
Darker −40%#8C7109
More saturated +25%#FFDF62
Less saturated −25%#E1CD80

Channel breakdown

R245
G217
B108
Red245 (96.1%)
Green217 (85.1%)
Blue108 (42.4%)
Hue47.74°
Saturation (HSL)87.26%
Lightness69.22%
Dominant channelRed
Hex per channelR F5 · G D9 · B 6C

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 “f5d96c” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.