#2587DA

#2587DA

Color Values

HEX

#2587DA

RGB

37, 135, 218

HSL

207.5, 71.0%, 50.0%

HSV

207.5, 83.0%, 85.5%

CMYK

83.0%, 38.1%, 0.0%, 14.5%

OKLCH

0.6102 0.1529 249.3

Properties

Cool Light Nearest: dodgerblue 3

Color Harmonies

Complementary

#2587DA

#DA7825

Analogous

#25DAD2

#252DDA

#2587DA

Triadic

#2587DA

#DA2587

#87DA25

Split Complementary

#2587DA

#DA252D

#DAD225

Tetradic

#2587DA

#D225DA

#DA7825

#2DDA25

Color Blindness Simulation

Original

#2587DA

Protanopia

#4F50C6

Deuteranopia

#4A42C1

Tritanopia

#2AB6B3

Achromatopsia

#787878

CSS Usage

background-color: #2587DA;
color: #2587DA;
border-color: #2587DA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DDF5
300
#96C5ED
400
#5EA6E4
500
#2587DA
600
#1E6CAE
700
#18568C
800
#12446D
900
#11334F
950
#0B2032

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

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