#287AC9

#287AC9

Color Values

HEX

#287AC9

RGB

40, 122, 201

HSL

209.4, 66.8%, 47.3%

HSV

209.4, 80.1%, 78.8%

CMYK

80.1%, 39.3%, 0.0%, 21.2%

OKLCH

0.5709 0.1443 251.4

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#287AC9

#C97728

Analogous

#28C9C8

#282AC9

#287AC9

Triadic

#287AC9

#C9287A

#7AC928

Split Complementary

#287AC9

#C9282A

#C9C828

Tetradic

#287AC9

#C828C9

#C97728

#2AC928

Color Blindness Simulation

Original

#287AC9

Protanopia

#4C4CB6

Deuteranopia

#4741B1

Tritanopia

#2CA7A3

Achromatopsia

#6E6E6E

CSS Usage

background-color: #287AC9;
color: #287AC9;
border-color: #287AC9;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F7FC
100
#E3EDF7
200
#C3DCF3
300
#99C3EB
400
#62A2E0
500
#2A81D5
600
#2267AA
700
#1B5388
800
#15416A
900
#13314E
950
#0C1F31

Contrast Checker

Text on white

4.45:1

AA Fail AAA Fail

Text on black

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