#218286

#218286

Color Values

HEX

#218286

RGB

33, 130, 134

HSL

182.4, 60.5%, 32.7%

HSV

182.4, 75.4%, 52.5%

CMYK

75.4%, 3.0%, 0.0%, 47.5%

OKLCH

0.5551 0.0854 199.1

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#218286

#862521

Analogous

#218657

#214F86

#218286

Triadic

#218286

#862182

#828621

Split Complementary

#218286

#86214F

#865721

Tetradic

#218286

#572186

#862521

#4F8621

Color Blindness Simulation

Original

#218286

Protanopia

#4B4C85

Deuteranopia

#453E85

Tritanopia

#268484

Achromatopsia

#6E6E6E

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F6F6
200
#C6EFF1
300
#9DE4E7
400
#68D5DA
500
#32C6CD
600
#289FA4
700
#207F83
800
#196366
900
#16494B
950
#0E2E2F

Contrast Checker

Text on white

4.56:1

AA Pass AAA Fail

Text on black

4.6:1

AA Pass 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