Colour
#F0D348
- #F0D348
- Yellow
- Light
- Nearest: Gold
#F0D348 is a yellow with RGB values 240, 211, 72 and HSL 50°, 85%, 61%. It is a light colour, so black text on it reaches 14.1:1 contrast (AAA for normal text). The nearest named colour is Gold.
Colour values
#F0D348#F0D348
HEX#F0D348
RGBrgb(240, 211, 72)
RGB (0–1)0.9412, 0.8275, 0.2824
RGB percentages94.1%, 82.7%, 28.2%
HSLhsl(49.6, 84.8%, 61.2%)
HSV / HSBhsv(49.6, 70%, 94.1%)
CMYK0%, 12.1%, 70%, 5.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,782,728
CSS custom property--colour: #F0D348;
Brightness & contrast
Relative luminance0.65582WCAG 2.x, 0 is black and 1 is white
Perceived brightness209.6 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.12:1
Contrast with white1.49:1WCAG normal text: Fail
Contrast with black14.12:1WCAG normal text: AAA
Greyscale equivalent#CFCFCF
Inverted#0F2CB7
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.49:1WCAG large text: Fail
Contrast with black, large text14.12:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#4865F0
Analogous#F07F48, #B9F048
Triadic#48F0D3, #D348F0
Split complementary#48B9F0, #7F48F0
Tetradic#48F07F, #4865F0, #F048B9
Tints, shades & saturation
Channel breakdown
R240
G211
B72
Red240 (94.1%)
Green211 (82.7%)
Blue72 (28.2%)
Hue49.64°
Saturation (HSL)84.85%
Lightness61.18%
Dominant channelRed
Hex per channelR F0 · G D3 · B 48
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