#21B47A

#21B47A

Color Values

HEX

#21B47A

RGB

33, 180, 122

HSL

156.3, 69.0%, 41.8%

HSV

156.3, 81.7%, 70.6%

CMYK

81.7%, 0.0%, 32.2%, 29.4%

OKLCH

0.683 0.1458 160.4

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#21B47A

#B4215B

Analogous

#21B430

#21A5B4

#21B47A

Triadic

#21B47A

#7A21B4

#B47A21

Split Complementary

#21B47A

#B421A5

#B43021

Tetradic

#21B47A

#3021B4

#B4215B

#A5B421

Color Blindness Simulation

Original

#21B47A

Protanopia

#616288

Deuteranopia

#584D8B

Tritanopia

#289396

Achromatopsia

#919191

CSS Usage

background-color: #21B47A;
color: #21B47A;
border-color: #21B47A;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FCF8
100
#E3F8EF
200
#C3F4E0
300
#98ECCB
400
#60E2AE
500
#28D792
600
#20AC75
700
#198A5D
800
#146C49
900
#124F37
950
#0C3223

Contrast Checker

Text on white

2.67:1

AA Fail AAA Fail

Text on black

7.87:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026