#227D82

#227D82

Color Values

HEX

#227D82

RGB

34, 125, 130

HSL

183.1, 58.5%, 32.2%

HSV

183.1, 73.8%, 51.0%

CMYK

73.8%, 3.8%, 0.0%, 49.0%

OKLCH

0.5407 0.082 200.5

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#227D82

#822722

Analogous

#228257

#224D82

#227D82

Triadic

#227D82

#82227D

#7D8222

Split Complementary

#227D82

#82224D

#825722

Tetradic

#227D82

#572282

#822722

#4D8222

Color Blindness Simulation

Original

#227D82

Protanopia

#494A81

Deuteranopia

#443D80

Tritanopia

#278080

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F5F6
200
#C6EEF0
300
#9EE2E6
400
#69D2D8
500
#35C2CA
600
#2A9CA2
700
#227C81
800
#1A6165
900
#17474A
950
#0E2D2F

Contrast Checker

Text on white

4.86:1

AA Pass AAA Fail

Text on black

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