#3C797C

#3C797C

Color Values

HEX

#3C797C

RGB

60, 121, 124

HSL

182.8, 34.8%, 36.1%

HSV

182.8, 51.6%, 48.6%

CMYK

51.6%, 2.4%, 0.0%, 51.4%

OKLCH

0.5368 0.0633 199.7

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#3C797C

#7C3F3C

Analogous

#3C7C5F

#3C597C

#3C797C

Triadic

#3C797C

#7C3C79

#797C3C

Split Complementary

#3C797C

#7C3C59

#7C5F3C

Tetradic

#3C797C

#5F3C7C

#7C3F3C

#597C3C

Color Blindness Simulation

Original

#3C797C

Protanopia

#56577B

Deuteranopia

#534E7B

Tritanopia

#3F7B7B

Achromatopsia

#6C6C6C

CSS Usage

background-color: #3C797C;
color: #3C797C;
border-color: #3C797C;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9FA
100
#E8F2F2
200
#CFE7E8
300
#ADD5D7
400
#80BEC1
500
#53A8AC
600
#438689
700
#356B6E
800
#2A5456
900
#213E40
950
#152728

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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