#408DBF

#408DBF

Color Values

HEX

#408DBF

RGB

64, 141, 191

HSL

203,6, 49,8%, 50,0%

HSV

203,6, 66,5%, 74,9%

CMYK

66,5%, 26,2%, 0,0%, 25,1%

OKLCH

0,6168 0,1071 240,2

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#408DBF

#BF7240

Analogous

#40BFB1

#404EBF

#408DBF

Triadic

#408DBF

#BF408D

#8DBF40

Split Complementary

#408DBF

#BF404E

#BFB140

Tetradic

#408DBF

#B140BF

#BF7240

#4EBF40

Color Blindness Simulation

Original

#408DBF

Protanopia

#6162B3

Deuteranopia

#5D57B0

Tritanopia

#44A9A7

Achromatopsia

#808080

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E6EFF5
200
#CADFED
300
#A3C8E0
400
#72ABD0
500
#408DBF
600
#337199
700
#295A7A
800
#20475F
900
#1B3546
950
#11222C

Contrast Checker

Text on white

3,63:1

AA Fail AAA Fail

Text on black

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