Nerdulator> put something in

Recognised as Colour

#F8D277

  • #F8D277
  • Orange
  • Light
  • Nearest: Khaki

#F8D277 is a orange with RGB values 248, 210, 119 and HSL 42°, 90%, 72%. It is a light colour, so black text on it reaches 14.5:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#F8D277#F8D277
HEX#F8D277
RGBrgb(248, 210, 119)
RGB (0–1)0.9725, 0.8235, 0.4667
RGB percentages97.3%, 82.4%, 46.7%
HSLhsl(42.3, 90.2%, 72%)
HSV / HSBhsv(42.3, 52%, 97.3%)
CMYK0%, 15.3%, 52%, 2.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,306,807
CSS custom property--colour: #F8D277;

Brightness & contrast

Relative luminance0.67382WCAG 2.x, 0 is black and 1 is white
Perceived brightness214.2 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.48:1
Contrast with white1.45:1WCAG normal text: Fail
Contrast with black14.48:1WCAG normal text: AAA
Greyscale equivalent#D4D4D4
Inverted#072D88

Colour vision & accessibility

Protanopia#E5D06Fno red cones; affects about 1% of men; ΔE 7.7 from the original
Deuteranopia#EEDB7Ano green cones; the most common form, about 1% of men; ΔE 8.5 from the original
Tritanopia#FFC4BDno blue cones; rare, and affects men and women equally; ΔE 41.9 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.45:1WCAG large text: Fail
Contrast with black, large text14.48:1WCAG large text: AAA

Named colours

Nearest named CSS colourKhaki (#F0E68C)ΔE 13.14, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#779DF8
Analogous#F89177, #DEF877
Triadic#77F8D2, #D277F8
Split complementary#77DEF8, #9177F8
Tetradic#77F891, #779DF8, #F877DE

Tints, shades & saturation

Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FDF2D8
Lighter +10%#FAE2A8
Darker −10%#F6C246
Darker −20%#F3B216
Darker −30%#CC930A
Darker −40%#9B7008
More saturated +25%#FFD570
Less saturated −25%#E6CB89

Channel breakdown

R248
G210
B119
Red248 (97.3%)
Green210 (82.4%)
Blue119 (46.7%)
Hue42.33°
Saturation (HSL)90.21%
Lightness71.96%
Dominant channelRed
Hex per channelR F8 · G D2 · B 77

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 “f8d277” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.