#388EEC

#388EEC

Color Values

HEX

#388EEC

RGB

56, 142, 236

HSL

211.3, 82.6%, 57.3%

HSV

211.3, 76.3%, 92.5%

CMYK

76.3%, 39.8%, 0.0%, 7.5%

OKLCH

0.6413 0.163 253.4

Properties

Cool Light Nearest: dodgerblue 2

Color Harmonies

Complementary

#388EEC

#EC9638

Analogous

#38E8EC

#3C38EC

#388EEC

Triadic

#388EEC

#EC388E

#8EEC38

Split Complementary

#388EEC

#EC3C38

#E8EC38

Tetradic

#388EEC

#EC38E8

#EC9638

#38EC3C

Color Blindness Simulation

Original

#388EEC

Protanopia

#5D5ED5

Deuteranopia

#5852D0

Tritanopia

#3CC3BF

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDAF9
300
#8FC0F4
400
#539DEF
500
#167BE9
600
#1262BA
700
#0E4F95
800
#0B3D74
900
#0C2F54
950
#081E35

Contrast Checker

Text on white

3.36:1

AA Fail AAA Fail

Text on black

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