#218C88

#218C88

Color Values

HEX

#218C88

RGB

33, 140, 136

HSL

177.8, 61.8%, 33.9%

HSV

177.8, 76.4%, 54.9%

CMYK

76.4%, 0.0%, 2.9%, 45.1%

OKLCH

0.582 0.092 191.1

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#218C88

#8C2125

Analogous

#218C53

#215A8C

#218C88

Triadic

#218C88

#88218C

#8C8821

Split Complementary

#218C88

#8C215A

#8C5321

Tetradic

#218C88

#53218C

#8C2125

#5A8C21

Color Blindness Simulation

Original

#218C88

Protanopia

#4F5089

Deuteranopia

#494189

Tritanopia

#268A8A

Achromatopsia

#757575

CSS Usage

background-color: #218C88;
color: #218C88;
border-color: #218C88;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F1F0
300
#9CE8E5
400
#66DBD7
500
#31CEC9
600
#27A5A0
700
#1F8480
800
#186764
900
#164B49
950
#0E302E

Contrast Checker

Text on white

4.06:1

AA Fail AAA Fail

Text on black

5.17:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026