#377882

#377882

Color Values

HEX

#377882

RGB

55, 120, 130

HSL

188.0, 40.5%, 36.3%

HSV

188.0, 57.7%, 51.0%

CMYK

57.7%, 7.7%, 0.0%, 49.0%

OKLCH

0.5345 0.0676 208.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#377882

#824137

Analogous

#378267

#375382

#377882

Triadic

#377882

#823778

#788237

Split Complementary

#377882

#823753

#826737

Tetradic

#377882

#673782

#824137

#538237

Color Blindness Simulation

Original

#377882

Protanopia

#535480

Deuteranopia

#4F4A7F

Tritanopia

#3A7E7D

Achromatopsia

#6B6B6B

CSS Usage

background-color: #377882;
color: #377882;
border-color: #377882;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6EA
300
#A9D4DB
400
#7ABDC7
500
#4CA5B3
600
#3D848F
700
#316A73
800
#26535A
900
#1F3D42
950
#13272A

Contrast Checker

Text on white

5.03:1

AA Pass AAA Fail

Text on black

4.17:1

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