#388ADC

#388ADC

Color Values

HEX

#388ADC

RGB

56, 138, 220

HSL

210.0, 70.1%, 54.1%

HSV

210.0, 74.5%, 86.3%

CMYK

74.5%, 37.3%, 0.0%, 13.7%

OKLCH

0.623 0.1471 251.4

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#388ADC

#DC8A38

Analogous

#38DCDC

#3838DC

#388ADC

Triadic

#388ADC

#DC388A

#8ADC38

Split Complementary

#388ADC

#DC3838

#DCDC38

Tetradic

#388ADC

#DC38DC

#DC8A38

#38DC38

Color Blindness Simulation

Original

#388ADC

Protanopia

#5C5CC8

Deuteranopia

#5751C3

Tritanopia

#3CB8B5

Achromatopsia

#7E7E7E

CSS Usage

background-color: #388ADC;
color: #388ADC;
border-color: #388ADC;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F3F7FC
100
#E3EDF8
200
#C2DBF4
300
#97C2ED
400
#5FA1E3
500
#2680D9
600
#1E66AE
700
#18528B
800
#13406C
900
#12304F
950
#0B1F32

Contrast Checker

Text on white

3.6:1

AA Fail AAA Fail

Text on black

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