#377C95

#377C95

Color Values

HEX

#377C95

RGB

55, 124, 149

HSL

196.0, 46.1%, 40.0%

HSV

196.0, 63.1%, 58.4%

CMYK

63.1%, 16.8%, 0.0%, 41.6%

OKLCH

0.5526 0.079 224.8

Properties

Cool Dark Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#377C95

#955037

Analogous

#37957F

#374D95

#377C95

Triadic

#377C95

#95377C

#7C9537

Split Complementary

#377C95

#95374D

#957F37

Tetradic

#377C95

#7F3795

#955037

#4D9537

Color Blindness Simulation

Original

#377C95

Protanopia

#55558F

Deuteranopia

#514C8E

Tritanopia

#3A8A89

Achromatopsia

#6F6F6F

CSS Usage

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

Tailwind Shades

50
#F4F9FA
100
#E6F0F4
200
#CBE3EC
300
#A6CFDE
400
#75B5CC
500
#459BBA
600
#377C95
700
#2C6377
800
#224D5D
900
#1C3A45
950
#12252B

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

4.48:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026