#388DDA

#388DDA

Color Values

HEX

#388DDA

RGB

56, 141, 218

HSL

208.5, 68.6%, 53.7%

HSV

208.5, 74.3%, 85.5%

CMYK

74.3%, 35.3%, 0.0%, 14.5%

OKLCH

0.6286 0.1417 249.3

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#388DDA

#DA8538

Analogous

#38DAD6

#383CDA

#388DDA

Triadic

#388DDA

#DA388D

#8DDA38

Split Complementary

#388DDA

#DA383C

#DAD638

Tetradic

#388DDA

#D638DA

#DA8538

#3CDA38

Color Blindness Simulation

Original

#388DDA

Protanopia

#5D5EC7

Deuteranopia

#5852C3

Tritanopia

#3CB9B5

Achromatopsia

#808080

CSS Usage

background-color: #388DDA;
color: #388DDA;
border-color: #388DDA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C3DDF4
300
#98C4EC
400
#60A4E1
500
#2884D7
600
#2069AC
700
#1A548A
800
#14426B
900
#13324E
950
#0C2031

Contrast Checker

Text on white

3.51:1

AA Fail AAA Fail

Text on black

5.99:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026