Recognised as Colour

#D4C263

#D4C263
Yellow
Light
Nearest: Dark khaki

#D4C263 is a yellow with RGB values 212, 194, 99 and HSL 50°, 57%, 61%. It is a light colour, so black text on it reaches 11.7:1 contrast (AAA for normal text). The nearest named colour is Dark khaki.

Colour values

#D4C263#D4C263

HEX#D4C263

RGBrgb(212, 194, 99)

RGB (0–1)0.8314, 0.7608, 0.3882

RGB percentages83.1%, 76.1%, 38.8%

HSLhsl(50.4, 56.8%, 61%)

HSV / HSBhsv(50.4, 53.3%, 83.1%)

CMYK0%, 8.5%, 53.3%, 16.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,943,395

CSS custom property--colour: #D4C263;

Brightness & contrast

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

Perceived brightness191.4 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 11.7:1

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

Contrast with black11.7:1WCAG normal text: AAA

Greyscale equivalent#BFBFBF

Inverted#2B3D9C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text11.7:1WCAG large text: AAA

Named colours

Dark khaki · ΔE 11.7 Khaki · ΔE 13.4 Pale goldenrod · ΔE 22.7 Burlywood · ΔE 23.3 Goldenrod · ΔE 25.1 Navajo white · ΔE 26.4

Nearest named CSS colourDark khaki (#BDB76B)ΔE 11.66, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#6375D4

Analogous#D48A63, #AED463

Triadic#63D4C2, #C263D4

Split complementary#63AED4, #8A63D4

Tetradic#63D48A, #6375D4, #D463AE

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#F5F1DB

Lighter +20%#EAE1B3

Lighter +10%#DFD28B

Darker −10%#C9B23B

Darker −20%#A4912D

Darker −30%#7C6E22

Darker −40%#544A17

More saturated +25%#EDD34A

Less saturated −25%#BBB17C

Channel breakdown

R212

G194

B99

Red212 (83.1%)

Green194 (76.1%)

Blue99 (38.8%)

Hue50.44°

Saturation (HSL)56.78%

Lightness60.98%

Dominant channelRed

Hex per channelR D4 · G C2 · B 63

Keep nerding

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

#D4C263

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