#4987DF

#4987DF

Color Values

HEX

#4987DF

RGB

73, 135, 223

HSL

215,2, 70,1%, 58,0%

HSV

215,2, 67,3%, 87,5%

CMYK

67,3%, 39,5%, 0,0%, 12,5%

OKLCH

0,6242 0,1481 257,4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#4987DF

#DFA149

Analogous

#49D2DF

#5649DF

#4987DF

Triadic

#4987DF

#DF4987

#87DF49

Split Complementary

#4987DF

#DF5649

#D2DF49

Tetradic

#4987DF

#DF49D2

#DFA149

#49DF56

Color Blindness Simulation

Original

#4987DF

Protanopia

#6464CA

Deuteranopia

#605CC5

Tritanopia

#4CB9B5

Achromatopsia

#808080

CSS Usage

background-color: #4987DF;
color: #4987DF;
border-color: #4987DF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3EBF8
200
#C2D7F4
300
#97BAED
400
#5F95E3
500
#2670D9
600
#1E5AAE
700
#18488B
800
#13386C
900
#122B4F
950
#0B1B32

Contrast Checker

Text on white

3,61:1

AA Fail AAA Fail

Text on black

5,81: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