#389DAF

#389DAF

Color Values

HEX

#389DAF

RGB

56, 157, 175

HSL

189.1, 51.5%, 45.3%

HSV

189.1, 68.0%, 68.6%

CMYK

68.0%, 10.3%, 0.0%, 31.4%

OKLCH

0.6456 0.0946 211.7

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#389DAF

#AF4A38

Analogous

#38AF86

#3861AF

#389DAF

Triadic

#389DAF

#AF389D

#9DAF38

Split Complementary

#389DAF

#AF3861

#AF8638

Tetradic

#389DAF

#8638AF

#AF4A38

#61AF38

Color Blindness Simulation

Original

#389DAF

Protanopia

#6465AB

Deuteranopia

#5E56AA

Tritanopia

#3DA7A6

Achromatopsia

#898989

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E8EE
300
#A2D8E1
400
#70C3D1
500
#3EADC1
600
#318B9B
700
#286F7C
800
#1F5761
900
#1A4047
950
#10282D

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

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