#408FCB

#408FCB

Color Values

HEX

#408FCB

RGB

64, 143, 203

HSL

205.9, 57.2%, 52.4%

HSV

205.9, 68.5%, 79.6%

CMYK

68.5%, 29.6%, 0.0%, 20.4%

OKLCH

0.6276 0.1191 244.4

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#408FCB

#CB7C40

Analogous

#40CBC2

#404ACB

#408FCB

Triadic

#408FCB

#CB408F

#8FCB40

Split Complementary

#408FCB

#CB404A

#CBC240

Tetradic

#408FCB

#C240CB

#CB7C40

#4ACB40

Color Blindness Simulation

Original

#408FCB

Protanopia

#6263BC

Deuteranopia

#5E58B9

Tritanopia

#44B1AE

Achromatopsia

#838383

CSS Usage

background-color: #408FCB;
color: #408FCB;
border-color: #408FCB;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F4F8FB
100
#E4EEF6
200
#C7DEF0
300
#9FC7E5
400
#6BA8D7
500
#3789C8
600
#2C6EA0
700
#235880
800
#1B4564
900
#183449
950
#0F212E

Contrast Checker

Text on white

3.49:1

AA Fail AAA Fail

Text on black

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