#218FAB

#218FAB

Color Values

HEX

#218FAB

RGB

33, 143, 171

HSL

192.2, 67.6%, 40.0%

HSV

192.2, 80.7%, 67.1%

CMYK

80.7%, 16.4%, 0.0%, 32.9%

OKLCH

0.6038 0.1015 219.8

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#218FAB

#AB3D21

Analogous

#21AB82

#214AAB

#218FAB

Triadic

#218FAB

#AB218F

#8FAB21

Split Complementary

#218FAB

#AB214A

#AB8221

Tetradic

#218FAB

#8221AB

#AB3D21

#4AAB21

Color Blindness Simulation

Original

#218FAB

Protanopia

#5152A4

Deuteranopia

#4A42A3

Tritanopia

#269F9E

Achromatopsia

#7A7A7A

CSS Usage

background-color: #218FAB;
color: #218FAB;
border-color: #218FAB;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFC
100
#E3F3F7
200
#C3EAF3
300
#98DAEB
400
#61C6E0
500
#29B3D6
600
#218FAB
700
#1A7289
800
#15596B
900
#13424E
950
#0C2A31

Contrast Checker

Text on white

3.76:1

AA Fail AAA Fail

Text on black

5.58:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026