Recognised as Colour

#DEF388

#DEF388
Green
Light
Nearest: Khaki

#DEF388 is a green with RGB values 222, 243, 136 and HSL 72°, 82%, 74%. It is a light colour, so black text on it reaches 17.3:1 contrast (AAA for normal text). The nearest named colour is Khaki.

Colour values

#DEF388#DEF388

HEX#DEF388

RGBrgb(222, 243, 136)

RGB (0–1)0.8706, 0.9529, 0.5333

RGB percentages87.1%, 95.3%, 53.3%

HSLhsl(71.8, 81.7%, 74.3%)

HSV / HSBhsv(71.8, 44%, 95.3%)

CMYK8.6%, 0%, 44%, 4.7%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer14,611,336

CSS custom property--colour: #DEF388;

Brightness & contrast

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

Perceived brightness226.9 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 17.28:1

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

Contrast with black17.28:1WCAG normal text: AAA

Greyscale equivalent#E7E7E7

Inverted#210C77

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text17.28:1WCAG large text: AAA

Named colours

Khaki · ΔE 14.5 Pale goldenrod · ΔE 23.8 Dark khaki · ΔE 25.5 Light green · ΔE 27.2 Pale green · ΔE 27.7 Yellow green · ΔE 28.1

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

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#9D88F3

Analogous#F3D288, #A9F388

Triadic#88DEF3, #F388DE

Split complementary#88A9F3, #D288F3

Tetradic#88F3D2, #9D88F3, #F388A9

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#FFFFFF

Lighter +20%#F8FCE5

Lighter +10%#EBF8B6

Darker −10%#D1EE5A

Darker −20%#C4EA2B

Darker −30%#A9CD15

Darker −40%#839F10

More saturated +25%#E5FF7C

Less saturated −25%#D4E398

Channel breakdown

R222

G243

B136

Red222 (87.1%)

Green243 (95.3%)

Blue136 (53.3%)

Hue71.78°

Saturation (HSL)81.68%

Lightness74.31%

Dominant channelGreen

Hex per channelR DE · G F3 · B 88

Keep nerding

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

#DEF388

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