Colour

#21522B

#21522B
Green
Dark
Nearest: Dark olivegreen

#21522B is a green with RGB values 33, 82, 43 and HSL 132°, 43%, 23%. It is a dark colour, so white text on it reaches 9.1:1 contrast (AAA for normal text). The nearest named colour is Dark olivegreen.

Colour values

#21522B#21522B

HEX#21522B

RGBrgb(33, 82, 43)

RGB (0–1)0.1294, 0.3216, 0.1686

RGB percentages12.9%, 32.2%, 16.9%

HSLhsl(132.2, 42.6%, 22.5%)

HSV / HSBhsv(132.2, 59.8%, 32.2%)

CMYK59.8%, 0%, 47.6%, 67.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,183,723

CSS custom property--colour: #21522B;

Brightness & contrast

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

Perceived brightness67 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 9.1:1

Contrast with white9.1:1WCAG normal text: AAA

Contrast with black2.31:1WCAG normal text: Fail

Greyscale equivalent#454545

Inverted#DEADD4

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#534B28no red cones; affects about 1% of men; ΔE 24.5 from the original

Deuteranopia#4C472Eno green cones; the most common form, about 1% of men; ΔE 24.1 from the original

Tritanopia#175049no blue cones; rare, and affects men and women equally; ΔE 20.2 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text9.1:1WCAG large text: AAA

Contrast with black, large text2.31:1WCAG large text: Fail

Named colours

Dark olivegreen · ΔE 18.6 Sea green · ΔE 24.9 Dark slate grey · ΔE 26.2 Dark green · ΔE 29.9 Teal · ΔE 31.9 Dim grey · ΔE 34.7

Nearest named CSS colourDark olivegreen (#556B2F)ΔE 18.63, a distinctly different colour

Hue familygreen

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#522148

Analogous#305221, #215243

Triadic#2B2152, #522B21

Split complementary#432152, #522130

Tetradic#213052, #522148, #524421

Tints, shades & saturation

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

Lighter +40%#77C887

Lighter +30%#52BA67

Lighter +20%#3E9B51

Lighter +10%#30763E

Darker −10%#122E18

Darker −20%#040905

Darker −30%#000000

Darker −40%#000000

More saturated +25%#136022

Less saturated −25%#2F4434

Channel breakdown

R33

G82

B43

Red33 (12.9%)

Green82 (32.2%)

Blue43 (16.9%)

Hue132.24°

Saturation (HSL)42.61%

Lightness22.55%

Dominant channelGreen

Hex per channelR 21 · G 52 · B 2B

Keep nerding

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

#21522B

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