#228271

#228271

Color Values

HEX

#228271

RGB

34, 130, 113

HSL

169.4, 58.5%, 32.2%

HSV

169.4, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 13.1%, 49.0%

OKLCH

0.5479 0.0904 178.1

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#228271

#822233

Analogous

#228241

#226382

#228271

Triadic

#228271

#712282

#827122

Split Complementary

#228271

#822263

#824122

Tetradic

#228271

#412282

#822233

#638222

Color Blindness Simulation

Original

#228271

Protanopia

#4C4C75

Deuteranopia

#463F76

Tritanopia

#277879

Achromatopsia

#6C6C6C

CSS Usage

background-color: #228271;
color: #228271;
border-color: #228271;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E4F6F3
200
#C6F0E9
300
#9EE6D9
400
#69D8C4
500
#35CAB0
600
#2AA28D
700
#228170
800
#1A6558
900
#174A41
950
#0E2F29

Contrast Checker

Text on white

4.67:1

AA Pass AAA Fail

Text on black

4.5:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026