Recognised as Colour
#F3D663
- #F3D663
- Yellow
- Light
- Nearest: Khaki
#F3D663 is a yellow with RGB values 243, 214, 99 and HSL 48°, 86%, 67%. It is a light colour, so black text on it reaches 14.6:1 contrast (AAA for normal text). The nearest named colour is Khaki.
Colour values
#F3D663#F3D663
HEX#F3D663
RGBrgb(243, 214, 99)
RGB (0–1)0.9529, 0.8392, 0.3882
RGB percentages95.3%, 83.9%, 38.8%
HSLhsl(47.9, 85.7%, 67.1%)
HSV / HSBhsv(47.9, 59.3%, 95.3%)
CMYK0%, 11.9%, 59.3%, 4.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer15,980,131
CSS custom property--colour: #F3D663;
Brightness & contrast
Relative luminance0.68049WCAG 2.x, 0 is black and 1 is white
Perceived brightness213.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.61:1
Contrast with white1.44:1WCAG normal text: Fail
Contrast with black14.61:1WCAG normal text: AAA
Greyscale equivalent#D4D4D4
Inverted#0C299C
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.44:1WCAG large text: Fail
Contrast with black, large text14.61:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6380F3
Analogous#F38E63, #C8F363
Triadic#63F3D6, #D663F3
Split complementary#63C8F3, #8E63F3
Tetradic#63F38E, #6380F3, #F363C8
Tints, shades & saturation
Channel breakdown
R243
G214
B99
Red243 (95.3%)
Green214 (83.9%)
Blue99 (38.8%)
Hue47.92°
Saturation (HSL)85.71%
Lightness67.06%
Dominant channelRed
Hex per channelR F3 · G D6 · B 63
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