#389FC7

#389FC7

Color Values

HEX

#389FC7

RGB

56, 159, 199

HSL

196.8, 56.1%, 50.0%

HSV

196.8, 71.9%, 78.0%

CMYK

71.9%, 20.1%, 0.0%, 22.0%

OKLCH

0.6607 0.1095 228.1

Properties

Cool Light Nearest: Blue Green

Color Harmonies

Complementary

#389FC7

#C76038

Analogous

#38C7A8

#3857C7

#389FC7

Triadic

#389FC7

#C7389F

#9FC738

Split Complementary

#389FC7

#C73857

#C7A838

Tetradic

#389FC7

#A838C7

#C76038

#57C738

Color Blindness Simulation

Original

#389FC7

Protanopia

#6565BD

Deuteranopia

#5F57BB

Tritanopia

#3DB6B4

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E5F1F6
200
#C7E4EF
300
#9FD1E4
400
#6CB8D6
500
#389FC7
600
#2D7F9F
700
#24667F
800
#1C4F64
900
#183B49
950
#0F252E

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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