#389CC7

#389CC7

Color Values

HEX

#389CC7

RGB

56, 156, 199

HSL

198.0, 56.1%, 50.0%

HSV

198.0, 71.9%, 78.0%

CMYK

71.9%, 21.6%, 0.0%, 22.0%

OKLCH

0.6536 0.1106 230.6

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#389CC7

#C76338

Analogous

#38C7AA

#3855C7

#389CC7

Triadic

#389CC7

#C7389C

#9CC738

Split Complementary

#389CC7

#C73855

#C7AA38

Tetradic

#389CC7

#AA38C7

#C76338

#55C738

Color Blindness Simulation

Original

#389CC7

Protanopia

#6364BD

Deuteranopia

#5E56BA

Tritanopia

#3DB4B3

Achromatopsia

#8A8A8A

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F1F6
200
#C7E3EF
300
#9FD0E4
400
#6CB6D6
500
#389CC7
600
#2D7D9F
700
#24647F
800
#1C4E64
900
#183A49
950
#0F252E

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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