#288AA4

#288AA4

Color Values

HEX

#288AA4

RGB

40, 138, 164

HSL

192.6, 60.8%, 40.0%

HSV

192.6, 75.6%, 64.3%

CMYK

75.6%, 15.9%, 0.0%, 35.7%

OKLCH

0.5897 0.0951 219.8

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#288AA4

#A44228

Analogous

#28A480

#284CA4

#288AA4

Triadic

#288AA4

#A4288A

#8AA428

Split Complementary

#288AA4

#A4284C

#A48028

Tetradic

#288AA4

#8028A4

#A44228

#4CA428

Color Blindness Simulation

Original

#288AA4

Protanopia

#52539E

Deuteranopia

#4D459C

Tritanopia

#2D9998

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F3F6
200
#C6E8F1
300
#9DD7E7
400
#67C2DA
500
#32ACCD
600
#288AA4
700
#206E83
800
#195667
900
#16404B
950
#0E282F

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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