#227B82

#227B82

Color Values

HEX

#227B82

RGB

34, 123, 130

HSL

184.4, 58.5%, 32.2%

HSV

184.4, 73.8%, 51.0%

CMYK

73.8%, 5.4%, 0.0%, 49.0%

OKLCH

0.5355 0.081 202.8

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#227B82

#822922

Analogous

#228259

#224B82

#227B82

Triadic

#227B82

#82227B

#7B8222

Split Complementary

#227B82

#82224B

#825922

Tetradic

#227B82

#592282

#822922

#4B8222

Color Blindness Simulation

Original

#227B82

Protanopia

#494980

Deuteranopia

#433D80

Tritanopia

#267F7F

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F5F6
200
#C6EDF0
300
#9EE0E6
400
#69D0D8
500
#35BFCA
600
#2A99A2
700
#227A81
800
#1A6065
900
#17464A
950
#0E2C2F

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

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