#386CC1

#386CC1

Color Values

HEX

#386CC1

RGB

56, 108, 193

HSL

217.2, 55.0%, 48.8%

HSV

217.2, 71.0%, 75.7%

CMYK

71.0%, 44.0%, 0.0%, 24.3%

OKLCH

0.5397 0.1443 259.7

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#386CC1

#C18D38

Analogous

#38B0C1

#4838C1

#386CC1

Triadic

#386CC1

#C1386C

#6CC138

Split Complementary

#386CC1

#C14838

#B0C138

Tetradic

#386CC1

#C138B0

#C18D38

#38C148

Color Blindness Simulation

Original

#386CC1

Protanopia

#4F4FAC

Deuteranopia

#4C48A8

Tritanopia

#3B9C99

Achromatopsia

#676767

CSS Usage

background-color: #386CC1;
color: #386CC1;
border-color: #386CC1;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D7EF
300
#A0BAE3
400
#6D94D5
500
#396FC6
600
#2E599E
700
#25477E
800
#1D3763
900
#182B48
950
#0F1B2E

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

4.08:1

AA Fail 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