#227F7F

#227F7F

Color Values

HEX

#227F7F

RGB

34, 127, 127

HSL

180.0, 57.8%, 31.6%

HSV

180.0, 73.2%, 49.8%

CMYK

73.2%, 0.0%, 0.0%, 50.2%

OKLCH

0.5448 0.0832 195.0

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#227F7F

#7F2222

Analogous

#227F51

#22517F

#227F7F

Triadic

#227F7F

#7F227F

#7F7F22

Split Complementary

#227F7F

#7F2251

#7F5122

Tetradic

#227F7F

#51227F

#7F2222

#517F22

Color Blindness Simulation

Original

#227F7F

Protanopia

#4A4B7F

Deuteranopia

#453E7F

Tritanopia

#277F7F

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F6
200
#C7F0F0
300
#9EE5E5
400
#6AD7D7
500
#36C9C9
600
#2BA1A1
700
#228181
800
#1B6565
900
#174A4A
950
#0F2F2F

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41: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