#21B264

#21B264

Color Values

HEX

#21B264

RGB

33, 178, 100

HSL

147.7, 68.7%, 41.4%

HSV

147.7, 81.5%, 69.8%

CMYK

81.5%, 0.0%, 43.8%, 30.2%

OKLCH

0.6733 0.1632 153.3

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#21B264

#B2216F

Analogous

#27B221

#21B2AD

#21B264

Triadic

#21B264

#6421B2

#B26421

Split Complementary

#21B264

#AD21B2

#B22127

Tetradic

#21B264

#2127B2

#B2216F

#B2AD21

Color Blindness Simulation

Original

#21B264

Protanopia

#606177

Deuteranopia

#574C7B

Tritanopia

#288689

Achromatopsia

#8E8E8E

CSS Usage

background-color: #21B264;
color: #21B264;
border-color: #21B264;
Nearest Tailwind: Green 600 #16A34A

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4D9
300
#98ECBF
400
#60E19C
500
#28D779
600
#20AC61
700
#1A8A4D
800
#146C3C
900
#124E2E
950
#0C321D

Contrast Checker

Text on white

2.76:1

AA Fail AAA Fail

Text on black

7.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026