Colour

#DDC84F

#DDC84F
Yellow
Light
Nearest: Khaki

#DDC84F is a yellow with RGB values 221, 200, 79 and HSL 51°, 68%, 59%. It is a light colour, so black text on it reaches 12.4:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#DDC84F#DDC84F

HEX#DDC84F

RGBrgb(221, 200, 79)

RGB (0–1)0.8667, 0.7843, 0.3098

RGB percentages86.7%, 78.4%, 31%

HSLhsl(51.1, 67.6%, 58.8%)

HSV / HSBhsv(51.1, 64.3%, 86.7%)

CMYK0%, 9.5%, 64.3%, 13.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,534,735

CSS custom property--colour: #DDC84F;

Brightness & contrast

Relative luminance0.57245WCAG 2.x, 0 is black and 1 is white

Perceived brightness197 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 12.45:1

Contrast with white1.69:1WCAG normal text: Fail

Contrast with black12.45:1WCAG normal text: AAA

Greyscale equivalent#C4C4C4

Inverted#2237B0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#DAC340no red cones; affects about 1% of men; ΔE 4.6 from the original

Deuteranopia#E0CB56no green cones; the most common form, about 1% of men; ΔE 2.1 from the original

Tritanopia#EDBAAFno blue cones; rare, and affects men and women equally; ΔE 53.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text1.69:1WCAG large text: Fail

Contrast with black, large text12.45:1WCAG large text: AAA

Named colours

Khaki · ΔE 19.2 Goldenrod · ΔE 19.4 Dark khaki · ΔE 23.1 Dark goldenrod · ΔE 26.8 Gold · ΔE 27.2 Olive · ΔE 29.5

Nearest named CSS colourKhaki (#F0E68C)ΔE 19.19, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#4F64DD

Analogous#DD814F, #ABDD4F

Triadic#4FDDC8, #C84FDD

Split complementary#4FABDD, #814FDD

Tetradic#4FDD81, #4F64DD, #DD4FAB

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#FEFDFA

Lighter +30%#F6F0CF

Lighter +20%#EEE3A4

Lighter +10%#E5D57A

Darker −10%#D1B828

Darker −20%#A69220

Darker −30%#7B6D18

Darker −40%#504710

More saturated +25%#F7DA35

Less saturated −25%#C3B669

Channel breakdown

R221

G200

B79

Red221 (86.7%)

Green200 (78.4%)

Blue79 (31%)

Hue51.13°

Saturation (HSL)67.62%

Lightness58.82%

Dominant channelRed

Hex per channelR DD · G C8 · B 4F

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#DDC84F

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else