#227C81

#227C81

Color Values

HEX

#227C81

RGB

34, 124, 129

HSL

183.2, 58.3%, 32.0%

HSV

183.2, 73.6%, 50.6%

CMYK

73.6%, 3.9%, 0.0%, 49.4%

OKLCH

0.5377 0.0814 200.5

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#227C81

#812722

Analogous

#228157

#224D81

#227C81

Triadic

#227C81

#81227C

#7C8122

Split Complementary

#227C81

#81224D

#815722

Tetradic

#227C81

#572281

#812722

#4D8122

Color Blindness Simulation

Original

#227C81

Protanopia

#494A80

Deuteranopia

#443D80

Tritanopia

#267F7F

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F5F6
200
#C6EEF0
300
#9EE2E5
400
#6AD2D8
500
#35C2CA
600
#2B9BA1
700
#227C81
800
#1B6165
900
#17474A
950
#0F2D2F

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

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