#287CD7

#287CD7

Color Values

HEX

#287CD7

RGB

40, 124, 215

HSL

211.2, 68.6%, 50.0%

HSV

211.2, 81.4%, 84.3%

CMYK

81.4%, 42.3%, 0.0%, 15.7%

OKLCH

0.5843 0.1599 253.8

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#287CD7

#D78328

Analogous

#28D3D7

#2C28D7

#287CD7

Triadic

#287CD7

#D7287C

#7CD728

Split Complementary

#287CD7

#D72C28

#D3D728

Tetradic

#287CD7

#D728D3

#D78328

#28D72C

Color Blindness Simulation

Original

#287CD7

Protanopia

#4C4DC1

Deuteranopia

#4841BC

Tritanopia

#2CB0AC

Achromatopsia

#717171

CSS Usage

background-color: #287CD7;
color: #287CD7;
border-color: #287CD7;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DAF4
300
#98C0EC
400
#609EE1
500
#287CD7
600
#2063AC
700
#1A4F8A
800
#143E6B
900
#132F4E
950
#0C1E31

Contrast Checker

Text on white

4.24:1

AA Fail AAA Fail

Text on black

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