#376172

#376172

Color Values

HEX

#376172

RGB

55, 97, 114

HSL

197.3, 34.9%, 33.1%

HSV

197.3, 51.8%, 44.7%

CMYK

51.8%, 14.9%, 0.0%, 55.3%

OKLCH

0.4691 0.0544 226.1

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#376172

#724837

Analogous

#377265

#374372

#376172

Triadic

#376172

#723761

#617237

Split Complementary

#376172

#723743

#726537

Tetradic

#376172

#653772

#724837

#437237

Color Blindness Simulation

Original

#376172

Protanopia

#494A6E

Deuteranopia

#47446D

Tritanopia

#396B6A

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFE1E8
300
#ACCBD7
400
#80AFC2
500
#5392AC
600
#42758A
700
#355E6E
800
#2A4956
900
#213740
950
#152328

Contrast Checker

Text on white

6.74:1

AA Pass AAA Fail

Text on black

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