Nerdulator> put something in

Recognised as Colour

#F5E673

  • #F5E673
  • Yellow
  • Light
  • Nearest: Khaki

#F5E673 is a yellow with RGB values 245, 230, 115 and HSL 53°, 87%, 71%. It is a light colour, so black text on it reaches 16.4:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#F5E673#F5E673
HEX#F5E673
RGBrgb(245, 230, 115)
RGB (0–1)0.9608, 0.902, 0.451
RGB percentages96.1%, 90.2%, 45.1%
HSLhsl(53.1, 86.7%, 70.6%)
HSV / HSBhsv(53.1, 53.1%, 96.1%)
CMYK0%, 6.1%, 53.1%, 3.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,115,315
CSS custom property--colour: #F5E673;

Brightness & contrast

Relative luminance0.77244WCAG 2.x, 0 is black and 1 is white
Perceived brightness224.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 16.45:1
Contrast with white1.28:1WCAG normal text: Fail
Contrast with black16.45:1WCAG normal text: AAA
Greyscale equivalent#E1E1E1
Inverted#0A198C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#F8E068no red cones; affects about 1% of men; ΔE 5 from the original
Deuteranopia#FCE778no green cones; the most common form, about 1% of men; ΔE 3.1 from the original
Tritanopia#FFD8CCno blue cones; rare, and affects men and women equally; ΔE 50.7 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.28:1WCAG large text: Fail
Contrast with black, large text16.45:1WCAG large text: AAA

Named colours

Khaki · ΔE 12.1Dark khaki · ΔE 24.7Pale goldenrod · ΔE 26.2Goldenrod · ΔE 28.9Gold · ΔE 31.1Navajo white · ΔE 32
Nearest named CSS colourKhaki (#F0E68C)ΔE 12.13, a distinctly different colour
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#7382F5
Analogous#F5A573, #C3F573
Triadic#73F5E6, #E673F5
Split complementary#73C3F5, #A573F5
Tetradic#73F5A5, #7382F5, #F573C3

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#FFFFFF
Lighter +30%#FFFFFF
Lighter +20%#FCF7D2
Lighter +10%#F8EFA3
Darker −10%#F2DE43
Darker −20%#EED514
Darker −30%#C1AD0E
Darker −40%#92820A
More saturated +25%#FFEE69
Less saturated −25%#E2D886

Channel breakdown

R245
G230
B115
Red245 (96.1%)
Green230 (90.2%)
Blue115 (45.1%)
Hue53.08°
Saturation (HSL)86.67%
Lightness70.59%
Dominant channelRed
Hex per channelR F5 · G E6 · B 73

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