#376474

#376474

Color Values

HEX

#376474

RGB

55, 100, 116

HSL

195.7, 35.7%, 33.5%

HSV

195.7, 52.6%, 45.5%

CMYK

52.6%, 13.8%, 0.0%, 54.5%

OKLCH

0.4776 0.0558 223.1

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#376474

#744737

Analogous

#377465

#374574

#376474

Triadic

#376474

#743764

#647437

Split Complementary

#376474

#743745

#746537

Tetradic

#376474

#653774

#744737

#457437

Color Blindness Simulation

Original

#376474

Protanopia

#4A4B70

Deuteranopia

#48446F

Tritanopia

#396D6C

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8F0F3
200
#CFE1E8
300
#ACCCD8
400
#7FB1C2
500
#5295AD
600
#42778A
700
#345F6F
800
#294B57
900
#213840
950
#152328

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026