Recognised as Colour
#FDE56F
- #FDE56F
- Yellow
- Light
- Nearest: Khaki
#FDE56F is a yellow with RGB values 253, 229, 111 and HSL 50°, 97%, 71%. It is a light colour, so black text on it reaches 16.6:1 contrast (AAA for normal text). The nearest named colour is Khaki.
Colour values
#FDE56F#FDE56F
HEX#FDE56F
RGBrgb(253, 229, 111)
RGB (0–1)0.9922, 0.898, 0.4353
RGB percentages99.2%, 89.8%, 43.5%
HSLhsl(49.9, 97.3%, 71.4%)
HSV / HSBhsv(49.9, 56.1%, 99.2%)
CMYK0%, 9.5%, 56.1%, 0.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,639,343
CSS custom property--colour: #FDE56F;
Brightness & contrast
Relative luminance0.78069WCAG 2.x, 0 is black and 1 is white
Perceived brightness226.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 16.61:1
Contrast with white1.26:1WCAG normal text: Fail
Contrast with black16.61:1WCAG normal text: AAA
Greyscale equivalent#E2E2E2
Inverted#021A90
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.26:1WCAG large text: Fail
Contrast with black, large text16.61:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6F87FD
Analogous#FD9E6F, #CEFD6F
Triadic#6FFDE5, #E56FFD
Split complementary#6FCEFD, #9E6FFD
Tetradic#6FFD9E, #6F87FD, #FD6FCE
Tints, shades & saturation
Channel breakdown
R253
G229
B111
Red253 (99.2%)
Green229 (89.8%)
Blue111 (43.5%)
Hue49.86°
Saturation (HSL)97.26%
Lightness71.37%
Dominant channelRed
Hex per channelR FD · G E5 · B 6F
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