#389DC7

#389DC7

Color Values

HEX

#389DC7

RGB

56, 157, 199

HSL

197.6, 56.1%, 50.0%

HSV

197.6, 71.9%, 78.0%

CMYK

71.9%, 21.1%, 0.0%, 22.0%

OKLCH

0.656 0.1102 229.7

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#389DC7

#C76238

Analogous

#38C7A9

#3856C7

#389DC7

Triadic

#389DC7

#C7389D

#9DC738

Split Complementary

#389DC7

#C73856

#C7A938

Tetradic

#389DC7

#A938C7

#C76238

#56C738

Color Blindness Simulation

Original

#389DC7

Protanopia

#6465BD

Deuteranopia

#5E56BA

Tritanopia

#3DB5B3

Achromatopsia

#8B8B8B

CSS Usage

background-color: #389DC7;
color: #389DC7;
border-color: #389DC7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4F9FB
100
#E5F1F6
200
#C7E4EF
300
#9FD0E4
400
#6CB7D6
500
#389DC7
600
#2D7E9F
700
#24657F
800
#1C4F64
900
#183B49
950
#0F252E

Contrast Checker

Text on white

3.08:1

AA Fail AAA Fail

Text on black

6.82:1

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