#398FDC

#398FDC

Color Values

HEX

#398FDC

RGB

57, 143, 220

HSL

208.3, 70.0%, 54.3%

HSV

208.3, 74.1%, 86.3%

CMYK

74.1%, 35.0%, 0.0%, 13.7%

OKLCH

0.6345 0.1419 249.0

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#398FDC

#DC8639

Analogous

#39DCD7

#393EDC

#398FDC

Triadic

#398FDC

#DC398F

#8FDC39

Split Complementary

#398FDC

#DC393E

#DCD739

Tetradic

#398FDC

#D739DC

#DC8639

#3EDC39

Color Blindness Simulation

Original

#398FDC

Protanopia

#5E5FC9

Deuteranopia

#5953C5

Tritanopia

#3DBBB7

Achromatopsia

#828282

CSS Usage

background-color: #398FDC;
color: #398FDC;
border-color: #398FDC;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C2DDF4
300
#97C4ED
400
#5FA4E3
500
#2685D9
600
#1F6AAD
700
#18558B
800
#13426C
900
#12324F
950
#0B2032

Contrast Checker

Text on white

3.42:1

AA Fail AAA Fail

Text on black

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