#228272

#228272

Color Values

HEX

#228272

RGB

34, 130, 114

HSL

170.0, 58.5%, 32.2%

HSV

170.0, 73.8%, 51.0%

CMYK

73.8%, 0.0%, 12.3%, 49.0%

OKLCH

0.5483 0.0899 179.0

Properties

Cool Dark Nearest: Tropical Rain Forest

Color Harmonies

Complementary

#228272

#822232

Analogous

#228242

#226282

#228272

Triadic

#228272

#722282

#827222

Split Complementary

#228272

#822262

#824222

Tetradic

#228272

#422282

#822232

#628222

Color Blindness Simulation

Original

#228272

Protanopia

#4C4C76

Deuteranopia

#463F77

Tritanopia

#27797A

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E4F6F3
200
#C6F0E9
300
#9EE6DA
400
#69D8C5
500
#35CAB1
600
#2AA28E
700
#228171
800
#1A6559
900
#174A41
950
#0E2F29

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

4.5:1

AA Pass AAA Fail

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