#287FCC

#287FCC

Color Values

HEX

#287FCC

RGB

40, 127, 204

HSL

208.2, 67.2%, 47.8%

HSV

208.2, 80.4%, 80.0%

CMYK

80.4%, 37.7%, 0.0%, 20.0%

OKLCH

0.5842 0.143 249.7

Properties

Cool Light Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#287FCC

#CC7528

Analogous

#28CCC7

#282DCC

#287FCC

Triadic

#287FCC

#CC287F

#7FCC28

Split Complementary

#287FCC

#CC282D

#CCC728

Tetradic

#287FCC

#C728CC

#CC7528

#2DCC28

Color Blindness Simulation

Original

#287FCC

Protanopia

#4E4EB9

Deuteranopia

#4942B5

Tritanopia

#2CABA7

Achromatopsia

#727272

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF7
200
#C3DDF3
300
#99C4EB
400
#61A4E0
500
#2A85D5
600
#216AAB
700
#1B5588
800
#15426B
900
#13324E
950
#0C2031

Contrast Checker

Text on white

4.2:1

AA Fail AAA Fail

Text on black

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