Colour

#D1D502

#D1D502
Yellow
Light
Nearest: Yellow

#D1D502 is a yellow with RGB values 209, 213, 2 and HSL 61°, 98%, 42%. It is a light colour, so black text on it reaches 13.2:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#D1D502#D1D502

HEX#D1D502

RGBrgb(209, 213, 2)

RGB (0–1)0.8196, 0.8353, 0.0078

RGB percentages82%, 83.5%, 0.8%

HSLhsl(61.1, 98.1%, 42.2%)

HSV / HSBhsv(61.1, 99.1%, 83.5%)

CMYK1.9%, 0%, 99.1%, 16.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,751,554

CSS custom property--colour: #D1D502;

Brightness & contrast

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

Perceived brightness199.2 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.23:1

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

Contrast with black13.23:1WCAG normal text: AAA

Greyscale equivalent#C5C5C5

Inverted#2E2AFD

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text13.23:1WCAG large text: AAA

Named colours

Yellow · ΔE 19.3 Gold · ΔE 19.8 Yellow green · ΔE 24 Green yellow · ΔE 33.4 Goldenrod · ΔE 33.9 Khaki · ΔE 39.5

Nearest named CSS colourYellow (#FFFF00)ΔE 19.34, a distinctly different colour

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#0602D5

Analogous#D57002, #67D502

Triadic#02D1D5, #D502D1

Split complementary#0267D5, #7002D5

Tetradic#02D570, #0602D5, #D50267

Tints, shades & saturation

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

Lighter +40%#FCFEA5

Lighter +30%#FBFE72

Lighter +20%#FAFD40

Lighter +10%#F8FD0D

Darker −10%#9FA202

Darker −20%#6E7001

Darker −30%#3C3D01

Darker −40%#0B0B00

More saturated +25%#D3D700

Less saturated −25%#B7BA1D

Channel breakdown

R209

G213

Red209 (82%)

Green213 (83.5%)

Blue2 (0.8%)

Hue61.14°

Saturation (HSL)98.14%

Lightness42.16%

Dominant channelGreen

Hex per channelR D1 · G D5 · B 02

Keep nerding

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

#D1D502

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