Nerdulator> put something in

Recognised as Colour

#F4D554

  • #F4D554
  • Yellow
  • Light
  • Nearest: Goldenrod

#F4D554 is a yellow with RGB values 244, 213, 84 and HSL 48°, 88%, 64%. It is a light colour, so black text on it reaches 14.5:1 contrast (AAA for normal text). The nearest named colour is Goldenrod.

Colour values

#F4D554#F4D554
HEX#F4D554
RGBrgb(244, 213, 84)
RGB (0–1)0.9569, 0.8353, 0.3294
RGB percentages95.7%, 83.5%, 32.9%
HSLhsl(48.4, 87.9%, 64.3%)
HSV / HSBhsv(48.4, 65.6%, 95.7%)
CMYK0%, 12.7%, 65.6%, 4.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer16,045,396
CSS custom property--colour: #F4D554;

Brightness & contrast

Relative luminance0.67462WCAG 2.x, 0 is black and 1 is white
Perceived brightness212.7 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 14.49:1
Contrast with white1.45:1WCAG normal text: Fail
Contrast with black14.49:1WCAG normal text: AAA
Greyscale equivalent#D2D2D2
Inverted#0B2AAB

Colour vision & accessibility

Protanopia#EAD144no red cones; affects about 1% of men; ΔE 5.3 from the original
Deuteranopia#F2DB5Bno green cones; the most common form, about 1% of men; ΔE 4 from the original
Tritanopia#FFC5BAno blue cones; rare, and affects men and women equally; ΔE 56.6 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.49:1WCAG large text: AAA

Named colours

Nearest named CSS colourGoldenrod (#DAA520)ΔE 19.3, a distinctly different colour
Hue familyyellow
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#5473F4
Analogous#F48554, #C3F454
Triadic#54F4D5, #D554F4
Split complementary#54C3F4, #8554F4
Tetradic#54F485, #5473F4, #F454C3

Tints, shades & saturation

Lighter +40%#FFFFFF
Lighter +30%#FDF8E4
Lighter +20%#FAEDB4
Lighter +10%#F7E184
Darker −10%#F1C924
Darker −20%#D4AE0E
Darker −30%#A4870B
Darker −40%#755F07
More saturated +25%#FFDC49
Less saturated −25%#DDC76B

Channel breakdown

R244
G213
B84
Red244 (95.7%)
Green213 (83.5%)
Blue84 (32.9%)
Hue48.38°
Saturation (HSL)87.91%
Lightness64.31%
Dominant channelRed
Hex per channelR F4 · G D5 · B 54

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