Colour

#DEFF21

#DEFF21
Yellow
Light
Nearest: Yellow

#DEFF21 is a yellow with RGB values 222, 255, 33 and HSL 69°, 100%, 56%. It is a light colour, so black text on it reaches 18.4:1 contrast (AAA for normal text). The nearest named colour is Yellow.

Colour values

#DEFF21#DEFF21

HEX#DEFF21

RGBrgb(222, 255, 33)

RGB (0–1)0.8706, 1, 0.1294

RGB percentages87.1%, 100%, 12.9%

HSLhsl(68.9, 100%, 56.5%)

HSV / HSBhsv(68.9, 87.1%, 100%)

CMYK12.9%, 0%, 87.1%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,614,305

CSS custom property--colour: #DEFF21;

Brightness & contrast

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

Perceived brightness230.3 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 18.43:1

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

Contrast with black18.43:1WCAG normal text: AAA

Greyscale equivalent#E8E8E8

Inverted#2100DE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text18.43:1WCAG large text: AAA

Named colours

Yellow · ΔE 14.5 Green yellow · ΔE 19.3 Yellow green · ΔE 28.6 Gold · ΔE 33.5 Chartreuse · ΔE 34 Lawn green · ΔE 34

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

Hue familyyellow

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4221FF

Analogous#FFB121, #6FFF21

Triadic#21DEFF, #FF21DE

Split complementary#216FFF, #B121FF

Tetradic#21FFB1, #4221FF, #FF216F

Tints, shades & saturation

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

Lighter +40%#FCFFED

Lighter +30%#F5FFBA

Lighter +20%#EDFF87

Lighter +10%#E6FF54

Darker −10%#CAED00

Darker −20%#9EBA00

Darker −30%#738700

Darker −40%#485400

More saturated +25%#DEFF21

Less saturated −25%#CBE33D

Channel breakdown

R222

G255

B33

Red222 (87.1%)

Green255 (100%)

Blue33 (12.9%)

Hue68.92°

Saturation (HSL)100%

Lightness56.47%

Dominant channelGreen

Hex per channelR DE · G FF · B 21

Keep nerding

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

#DEFF21

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