#4889FA

#4889FA

Color Values

HEX

#4889FA

RGB

72, 137, 250

HSL

218.1, 94.7%, 63.1%

HSV

218.1, 71.2%, 98.0%

CMYK

71.2%, 45.2%, 0.0%, 2.0%

OKLCH

0.6448 0.1815 260.6

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#4889FA

#FAB948

Analogous

#48E2FA

#6048FA

#4889FA

Triadic

#4889FA

#FA4889

#89FA48

Split Complementary

#4889FA

#FA6048

#E2FA48

Tetradic

#4889FA

#FA48E2

#FAB948

#48FA60

Color Blindness Simulation

Original

#4889FA

Protanopia

#6465DF

Deuteranopia

#605CD8

Tritanopia

#4BC9C4

Achromatopsia

#838383

CSS Usage

background-color: #4889FA;
color: #4889FA;
border-color: #4889FA;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FD
300
#88B2FC
400
#4789FA
500
#075FF8
600
#054CC7
700
#043D9F
800
#032F7C
900
#07255A
950
#051839

Contrast Checker

Text on white

3.37:1

AA Fail AAA Fail

Text on black

6.23:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026