Nerdulator> put something in

Recognised as Colour

#F8F8DC

  • #F8F8DC
  • Yellow
  • Light
  • Nearest: Beige

#F8F8DC is a yellow with RGB values 248, 248, 220 and HSL 60°, 67%, 92%. It is a light colour, so black text on it reaches 19.5:1 contrast (AAA for normal text). The nearest named colour is Beige.

Colour values

#F8F8DC#F8F8DC
HEX#F8F8DC
RGBrgb(248, 248, 220)
RGB (0–1)0.9725, 0.9725, 0.8627
RGB percentages97.3%, 97.3%, 86.3%
HSLhsl(60, 66.7%, 91.8%)
HSV / HSBhsv(60, 11.3%, 97.3%)
CMYK0%, 0%, 11.3%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,316,636
CSS custom property--colour: #F8F8DC;

Brightness & contrast

Relative luminance0.92259WCAG 2.x, 0 is black and 1 is white
Perceived brightness245 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 19.45:1
Contrast with white1.08:1WCAG normal text: Fail
Contrast with black19.45:1WCAG normal text: AAA
Greyscale equivalent#F6F6F6
Inverted#070723

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#FDF5DAno red cones; affects about 1% of men; ΔE 3 from the original
Deuteranopia#FEF7DDno green cones; the most common form, about 1% of men; ΔE 2.8 from the original
Tritanopia#FDF4F0no blue cones; rare, and affects men and women equally; ΔE 12.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.08:1WCAG large text: Fail
Contrast with black, large text19.45:1WCAG large text: AAA

Named colours

Beige · ΔE 1.8Cornsilk · ΔE 2.6Light yellow · ΔE 2.8Light goldenrod yellow · ΔE 6.1Papaya whip · ΔE 6.3Old lace · ΔE 7.2
Nearest named CSS colourBeige (#F5F5DC)ΔE 1.79, below the just-noticeable difference
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DCDCF8
Analogous#F8EADC, #EAF8DC
Triadic#DCF8F8, #F8DCF8
Split complementary#DCEAF8, #EADCF8
Tetradic#DCF8EA, #DCDCF8, #F8DCEA

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FFFFFF
Lighter +10%#FFFFFF
Darker −10%#F0F0B2
Darker −20%#E7E787
Darker −30%#DFDF5D
Darker −40%#D6D632
More saturated +25%#FDFDD7
Less saturated −25%#F3F3E1

Channel breakdown

R248
G248
B220
Red248 (97.3%)
Green248 (97.3%)
Blue220 (86.3%)
Hue60°
Saturation (HSL)66.67%
Lightness91.76%
Dominant channelRed and Green
Hex per channelR F8 · G F8 · B DC

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

Every value on this page was computed from “f8f8dc” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.