#288FAD

#288FAD

Color Values

HEX

#288FAD

RGB

40, 143, 173

HSL

193.5, 62.4%, 41.8%

HSV

193.5, 76.9%, 67.8%

CMYK

76.9%, 17.3%, 0.0%, 32.2%

OKLCH

0.6061 0.1004 222.1

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#288FAD

#AD4628

Analogous

#28AD89

#284DAD

#288FAD

Triadic

#288FAD

#AD288F

#8FAD28

Split Complementary

#288FAD

#AD284D

#AD8928

Tetradic

#288FAD

#8928AD

#AD4628

#4DAD28

Color Blindness Simulation

Original

#288FAD

Protanopia

#5555A6

Deuteranopia

#4F47A4

Tritanopia

#2DA09F

Achromatopsia

#7B7B7B

CSS Usage

background-color: #288FAD;
color: #288FAD;
border-color: #288FAD;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3FAFB
100
#E4F2F7
200
#C5E8F2
300
#9CD7E8
400
#66C1DC
500
#30ABCF
600
#2689A6
700
#1F6E85
800
#185668
900
#153F4C
950
#0D2830

Contrast Checker

Text on white

3.73:1

AA Fail AAA Fail

Text on black

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