#379CAC

#379CAC

Color Values

HEX

#379CAC

RGB

55, 156, 172

HSL

188.2, 51.5%, 44.5%

HSV

188.2, 68.0%, 67.5%

CMYK

68.0%, 9.3%, 0.0%, 32.5%

OKLCH

0.6416 0.0938 209.9

Properties

Cool Light Nearest: NCS S 1050-B20G Cyan

Color Harmonies

Complementary

#379CAC

#AC4737

Analogous

#37AC81

#3762AC

#379CAC

Triadic

#379CAC

#AC379C

#9CAC37

Split Complementary

#379CAC

#AC3762

#AC8137

Tetradic

#379CAC

#8137AC

#AC4737

#62AC37

Color Blindness Simulation

Original

#379CAC

Protanopia

#6364A8

Deuteranopia

#5D55A7

Tritanopia

#3CA5A4

Achromatopsia

#888888

CSS Usage

background-color: #379CAC;
color: #379CAC;
border-color: #379CAC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C9E9EE
300
#A2D9E1
400
#70C4D1
500
#3EAFC1
600
#318C9B
700
#28707C
800
#1F5861
900
#1A4147
950
#10292D

Contrast Checker

Text on white

3.22:1

AA Fail AAA Fail

Text on black

6.51:1

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