#288DA4

#288DA4

Color Values

HEX

#288DA4

RGB

40, 141, 164

HSL

191.1, 60.8%, 40.0%

HSV

191.1, 75.6%, 64.3%

CMYK

75.6%, 14.0%, 0.0%, 35.7%

OKLCH

0.5972 0.095 216.7

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#288DA4

#A43F28

Analogous

#28A47D

#284FA4

#288DA4

Triadic

#288DA4

#A4288D

#8DA428

Split Complementary

#288DA4

#A4284F

#A47D28

Tetradic

#288DA4

#7D28A4

#A43F28

#4FA428

Color Blindness Simulation

Original

#288DA4

Protanopia

#54559E

Deuteranopia

#4E469D

Tritanopia

#2D9A99

Achromatopsia

#797979

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F3F6
200
#C6E9F1
300
#9DD9E7
400
#67C5DA
500
#32B0CD
600
#288DA4
700
#207183
800
#195867
900
#16414B
950
#0E292F

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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