#408BDB

#408BDB

Color Values

HEX

#408BDB

RGB

64, 139, 219

HSL

211.0, 68.3%, 55.5%

HSV

211.0, 70.8%, 85.9%

CMYK

70.8%, 36.5%, 0.0%, 14.1%

OKLCH

0.6272 0.1421 252.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#408BDB

#DB9040

Analogous

#40D8DB

#4340DB

#408BDB

Triadic

#408BDB

#DB408B

#8BDB40

Split Complementary

#408BDB

#DB4340

#D8DB40

Tetradic

#408BDB

#DB40D8

#DB9040

#40DB43

Color Blindness Simulation

Original

#408BDB

Protanopia

#6061C8

Deuteranopia

#5C56C3

Tritanopia

#44B8B5

Achromatopsia

#818181

CSS Usage

background-color: #408BDB;
color: #408BDB;
border-color: #408BDB;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C3DAF4
300
#98C0EC
400
#609FE1
500
#287DD7
600
#2064AC
700
#1A5089
800
#143E6B
900
#132F4E
950
#0C1E31

Contrast Checker

Text on white

3.54:1

AA Fail AAA Fail

Text on black

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