#396374

#396374

Color Values

HEX

#396374

RGB

57, 99, 116

HSL

197.3, 34.1%, 33.9%

HSV

197.3, 50.9%, 45.5%

CMYK

50.9%, 14.7%, 0.0%, 54.5%

OKLCH

0.4761 0.0543 226.0

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#396374

#744A39

Analogous

#397467

#394574

#396374

Triadic

#396374

#743963

#637439

Split Complementary

#396374

#743945

#746739

Tetradic

#396374

#673974

#744A39

#457439

Color Blindness Simulation

Original

#396374

Protanopia

#4B4C70

Deuteranopia

#49466F

Tritanopia

#3B6D6C

Achromatopsia

#5B5B5B

CSS Usage

background-color: #396374;
color: #396374;
border-color: #396374;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFE0E7
300
#ADCBD7
400
#80AEC1
500
#5492AB
600
#437589
700
#365D6D
800
#2A4955
900
#22373F
950
#152328

Contrast Checker

Text on white

6.54:1

AA Pass AAA Fail

Text on black

3.21:1

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