Colour
#F4E368
- #F4E368
- Yellow
- Light
- Nearest: Khaki
#F4E368 is a yellow with RGB values 244, 227, 104 and HSL 53°, 86%, 68%. It is a light colour, so black text on it reaches 16:1 contrast (AAA for normal text). The nearest named colour is Khaki.
Colour values
#F4E368#F4E368
HEX#F4E368
RGBrgb(244, 227, 104)
RGB (0–1)0.9569, 0.8902, 0.4078
RGB percentages95.7%, 89%, 40.8%
HSLhsl(52.7, 86.4%, 68.2%)
HSV / HSBhsv(52.7, 57.4%, 95.7%)
CMYK0%, 7%, 57.4%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,049,000
CSS custom property--colour: #F4E368;
Brightness & contrast
Relative luminance0.75171WCAG 2.x, 0 is black and 1 is white
Perceived brightness222 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 16.03:1
Contrast with white1.31:1WCAG normal text: Fail
Contrast with black16.03:1WCAG normal text: AAA
Greyscale equivalent#DEDEDE
Inverted#0B1C97
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.31:1WCAG large text: Fail
Contrast with black, large text16.03:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6879F4
Analogous#F49D68, #BFF468
Triadic#68F4E3, #E368F4
Split complementary#68BFF4, #9D68F4
Tetradic#68F49D, #6879F4, #F468BF
Tints, shades & saturation
Channel breakdown
R244
G227
B104
Red244 (95.7%)
Green227 (89%)
Blue104 (40.8%)
Hue52.71°
Saturation (HSL)86.42%
Lightness68.24%
Dominant channelRed
Hex per channelR F4 · G E3 · B 68
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