#396480

#396480

Color Values

HEX

#396480

RGB

57, 100, 128

HSL

203.7, 38.4%, 36.3%

HSV

203.7, 55.5%, 50.2%

CMYK

55.5%, 21.9%, 0.0%, 49.8%

OKLCH

0.4841 0.0659 238.7

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#396480

#805539

Analogous

#398079

#394080

#396480

Triadic

#396480

#803964

#648039

Split Complementary

#396480

#803940

#807939

Tetradic

#396480

#793980

#805539

#408039

Color Blindness Simulation

Original

#396480

Protanopia

#4C4C79

Deuteranopia

#494678

Tritanopia

#3B7473

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CEDEE9
300
#AAC7D9
400
#7CA8C5
500
#4F8AB0
600
#3F6E8D
700
#325871
800
#274558
900
#203441
950
#142129

Contrast Checker

Text on white

6.35:1

AA Pass AAA Fail

Text on black

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