Recognised as Colour
#F3D820
- #F3D820
- Yellow
- Light
- Nearest: Gold
#F3D820 is a yellow with RGB values 243, 216, 32 and HSL 52°, 90%, 54%. It is a light colour, so black text on it reaches 14.7:1 contrast (AAA for normal text). The nearest named colour is Gold.
Colour values
#F3D820#F3D820
HEX#F3D820
RGBrgb(243, 216, 32)
RGB (0–1)0.9529, 0.8471, 0.1255
RGB percentages95.3%, 84.7%, 12.5%
HSLhsl(52.3, 89.8%, 53.9%)
HSV / HSBhsv(52.3, 86.8%, 95.3%)
CMYK0%, 11.1%, 86.8%, 4.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,980,576
CSS custom property--colour: #F3D820;
Brightness & contrast
Relative luminance0.68271WCAG 2.x, 0 is black and 1 is white
Perceived brightness212.5 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.65:1
Contrast with white1.43:1WCAG normal text: Fail
Contrast with black14.65:1WCAG normal text: AAA
Greyscale equivalent#D0D0D0
Inverted#0C27DF
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.43:1WCAG large text: Fail
Contrast with black, large text14.65:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#203BF3
Analogous#F36F20, #A4F320
Triadic#20F3D8, #D820F3
Split complementary#20A4F3, #6F20F3
Tetradic#20F36F, #203BF3, #F320A4
Tints, shades & saturation
Channel breakdown
R243
G216
B32
Red243 (95.3%)
Green216 (84.7%)
Blue32 (12.5%)
Hue52.32°
Saturation (HSL)89.79%
Lightness53.92%
Dominant channelRed
Hex per channelR F3 · G D8 · 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