#21B265

#21B265

Color Values

HEX

#21B265

RGB

33, 178, 101

HSL

148.1, 68.7%, 41.4%

HSV

148.1, 81.5%, 69.8%

CMYK

81.5%, 0.0%, 43.3%, 30.2%

OKLCH

0.6734 0.1623 153.6

Properties

Cool Light Nearest: NCS S 1060-G Bright Green

Color Harmonies

Complementary

#21B265

#B2216E

Analogous

#26B221

#21B2AE

#21B265

Triadic

#21B265

#6521B2

#B26521

Split Complementary

#21B265

#AE21B2

#B22126

Tetradic

#21B265

#2126B2

#B2216E

#B2AE21

Color Blindness Simulation

Original

#21B265

Protanopia

#606178

Deuteranopia

#574C7C

Tritanopia

#28868A

Achromatopsia

#8E8E8E

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E3F8EC
200
#C3F4DA
300
#98ECBF
400
#60E19D
500
#28D77A
600
#20AC62
700
#1A8A4E
800
#146C3D
900
#124E2F
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