Colour

#CAFF96

#CAFF96
Green
Light
Nearest: Pale green

#CAFF96 is a green with RGB values 202, 255, 150 and HSL 90°, 100%, 79%. It is a light colour, so black text on it reaches 18.3:1 contrast (AAA for normal text). The nearest named colour is Pale green.

Colour values

#CAFF96#CAFF96

HEX#CAFF96

RGBrgb(202, 255, 150)

RGB (0–1)0.7922, 1, 0.5882

RGB percentages79.2%, 100%, 58.8%

HSLhsl(90.3, 100%, 79.4%)

HSV / HSBhsv(90.3, 41.2%, 100%)

CMYK20.8%, 0%, 41.2%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer13,303,702

CSS custom property--colour: #CAFF96;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 18.26:1

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

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

Greyscale equivalent#ECECEC

Inverted#350069

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Pale green · ΔE 16 Light green · ΔE 16.5 Khaki · ΔE 25.4 Yellow green · ΔE 28.5 Pale goldenrod · ΔE 30.3 Dark khaki · ΔE 33.4

Nearest named CSS colourPale green (#98FB98)ΔE 15.95, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CB96FF

Analogous#FFFF96, #96FF97

Triadic#96CAFF, #FF96CA

Split complementary#9696FF, #FF96FF

Tetradic#96FFFF, #CB96FF, #FF9796

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#FDFFFC

Lighter +10%#E4FFC9

Darker −10%#B0FF63

Darker −20%#97FF30

Darker −30%#7DFC00

Darker −40%#64C900

More saturated +25%#CAFF96

Less saturated −25%#CAF2A3

Channel breakdown

R202

G255

B150

Red202 (79.2%)

Green255 (100%)

Blue150 (58.8%)

Hue90.29°

Saturation (HSL)100%

Lightness79.41%

Dominant channelGreen

Hex per channelR CA · G FF · B 96

Keep nerding

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

#CAFF96

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