#287DA4

#287DA4

Color Values

HEX

#287DA4

RGB

40, 125, 164

HSL

198.9, 60.8%, 40.0%

HSV

198.9, 75.6%, 64.3%

CMYK

75.6%, 23.8%, 0.0%, 35.7%

OKLCH

0.5574 0.0991 232.7

Properties

Cool Dark Nearest: deepskyblue 4

Color Harmonies

Complementary

#287DA4

#A44F28

Analogous

#28A48D

#283FA4

#287DA4

Triadic

#287DA4

#A4287D

#7DA428

Split Complementary

#287DA4

#A4283F

#A48D28

Tetradic

#287DA4

#8D28A4

#A44F28

#3FA428

Color Blindness Simulation

Original

#287DA4

Protanopia

#4D4E9B

Deuteranopia

#484298

Tritanopia

#2C9391

Achromatopsia

#6E6E6E

CSS Usage

background-color: #287DA4;
color: #287DA4;
border-color: #287DA4;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3F9FB
100
#E4F1F6
200
#C6E3F1
300
#9DD0E7
400
#67B6DA
500
#329CCD
600
#287DA4
700
#206483
800
#194E67
900
#163A4B
950
#0E252F

Contrast Checker

Text on white

4.61:1

AA Pass AAA Fail

Text on black

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