Recognised as Colour
#F8E163
- #F8E163
- Yellow
- Light
- Nearest: Khaki
#F8E163 is a yellow with RGB values 248, 225, 99 and HSL 51°, 91%, 68%. It is a light colour, so black text on it reaches 15.9:1 contrast (AAA for normal text). The nearest named colour is Khaki.
Colour values
#F8E163#F8E163
HEX#F8E163
RGBrgb(248, 225, 99)
RGB (0–1)0.9725, 0.8824, 0.3882
RGB percentages97.3%, 88.2%, 38.8%
HSLhsl(50.7, 91.4%, 68%)
HSV / HSBhsv(50.7, 60.1%, 97.3%)
CMYK0%, 9.3%, 60.1%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,310,627
CSS custom property--colour: #F8E163;
Brightness & contrast
Relative luminance0.74708WCAG 2.x, 0 is black and 1 is white
Perceived brightness221.9 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 15.94:1
Contrast with white1.32:1WCAG normal text: Fail
Contrast with black15.94:1WCAG normal text: AAA
Greyscale equivalent#DDDDDD
Inverted#071E9C
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.32:1WCAG large text: Fail
Contrast with black, large text15.94:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#637AF8
Analogous#F89763, #C5F863
Triadic#63F8E1, #E163F8
Split complementary#63C5F8, #9663F8
Tetradic#63F897, #637AF8, #F863C5
Tints, shades & saturation
Channel breakdown
R248
G225
B99
Red248 (97.3%)
Green225 (88.2%)
Blue99 (38.8%)
Hue50.74°
Saturation (HSL)91.41%
Lightness68.04%
Dominant channelRed
Hex per channelR F8 · G E1 · 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