Nerdulator> put something in

Recognised as Colour

#F4D285

  • #F4D285
  • Orange
  • Light
  • Nearest: Khaki

#F4D285 is a orange with RGB values 244, 210, 133 and HSL 42°, 83%, 74%. It is a light colour, so black text on it reaches 14.4:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#F4D285#F4D285
HEX#F4D285
RGBrgb(244, 210, 133)
RGB (0–1)0.9569, 0.8235, 0.5216
RGB percentages95.7%, 82.4%, 52.2%
HSLhsl(41.6, 83.5%, 73.9%)
HSV / HSBhsv(41.6, 45.5%, 95.7%)
CMYK0%, 13.9%, 45.5%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,044,677
CSS custom property--colour: #F4D285;

Brightness & contrast

Relative luminance0.6702WCAG 2.x, 0 is black and 1 is white
Perceived brightness213.8 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.4:1
Contrast with white1.46:1WCAG normal text: Fail
Contrast with black14.4:1WCAG normal text: AAA
Greyscale equivalent#D4D4D4
Inverted#0B2D7A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#E3D07Fno red cones; affects about 1% of men; ΔE 6.7 from the original
Deuteranopia#EBDA87no green cones; the most common form, about 1% of men; ΔE 7.6 from the original
Tritanopia#FFC6BFno blue cones; rare, and affects men and women equally; ΔE 35.6 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.46:1WCAG large text: Fail
Contrast with black, large text14.4:1WCAG large text: AAA

Named colours

Khaki · ΔE 12.3Navajo white · ΔE 15.1Pale goldenrod · ΔE 15.8Burlywood · ΔE 15.9Dark khaki · ΔE 16.6Moccasin · ΔE 17.2
Nearest named CSS colourKhaki (#F0E68C)ΔE 12.3, a distinctly different colour
Hue familyorange
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#85A7F4
Analogous#F49B85, #DFF485
Triadic#85F4D2, #D285F4
Split complementary#85DEF4, #9B85F4
Tetradic#85F49B, #85A7F4, #F485DE

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FCF5E3
Lighter +10%#F8E3B4
Darker −10%#F0C156
Darker −20%#ECAF27
Darker −30%#CD9413
Darker −40%#9F720E
More saturated +25%#FFD67A
Less saturated −25%#E3CC96

Channel breakdown

R244
G210
B133
Red244 (95.7%)
Green210 (82.4%)
Blue133 (52.2%)
Hue41.62°
Saturation (HSL)83.46%
Lightness73.92%
Dominant channelRed
Hex per channelR F4 · G D2 · B 85

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