#389BC7

#389BC7

Color Values

HEX

#389BC7

RGB

56, 155, 199

HSL

198.5, 56.1%, 50.0%

HSV

198.5, 71.9%, 78.0%

CMYK

71.9%, 22.1%, 0.0%, 22.0%

OKLCH

0.6512 0.111 231.4

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#389BC7

#C76438

Analogous

#38C7AC

#3853C7

#389BC7

Triadic

#389BC7

#C7389B

#9BC738

Split Complementary

#389BC7

#C73853

#C7AC38

Tetradic

#389BC7

#AC38C7

#C76438

#53C738

Color Blindness Simulation

Original

#389BC7

Protanopia

#6364BC

Deuteranopia

#5D56BA

Tritanopia

#3DB4B2

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F0F6
200
#C7E3EF
300
#9FCFE4
400
#6CB5D6
500
#389BC7
600
#2D7C9F
700
#24637F
800
#1C4D64
900
#183A49
950
#0F252E

Contrast Checker

Text on white

3.14:1

AA Fail AAA Fail

Text on black

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