#287BA4

#287BA4

Color Values

HEX

#287BA4

RGB

40, 123, 164

HSL

199.8, 60.8%, 40.0%

HSV

199.8, 75.6%, 64.3%

CMYK

75.6%, 25.0%, 0.0%, 35.7%

OKLCH

0.5524 0.1002 234.6

Properties

Cool Dark Nearest: steelblue

Color Harmonies

Complementary

#287BA4

#A45128

Analogous

#28A48F

#283DA4

#287BA4

Triadic

#287BA4

#A4287B

#7BA428

Split Complementary

#287BA4

#A4283D

#A48F28

Tetradic

#287BA4

#8F28A4

#A45128

#3DA428

Color Blindness Simulation

Original

#287BA4

Protanopia

#4C4D9A

Deuteranopia

#474198

Tritanopia

#2C9291

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F0F6
200
#C6E3F1
300
#9DCEE7
400
#67B4DA
500
#329ACD
600
#287BA4
700
#206283
800
#194D67
900
#16394B
950
#0E242F

Contrast Checker

Text on white

4.71:1

AA Pass AAA Fail

Text on black

4.46:1

AA Fail 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