#79C2AF

#79C2AF

Color Values

HEX

#79C2AF

RGB

121, 194, 175

HSL

164.4, 37.4%, 61.8%

HSV

164.4, 37.6%, 76.1%

CMYK

37.6%, 0.0%, 9.8%, 23.9%

OKLCH

0.7605 0.0786 175.7

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#79C2AF

#C2798C

Analogous

#79C28B

#79B1C2

#79C2AF

Triadic

#79C2AF

#AF79C2

#C2AF79

Split Complementary

#79C2AF

#C279B1

#C28B79

Tetradic

#79C2AF

#8B79C2

#C2798C

#B1C279

Color Blindness Simulation

Original

#79C2AF

Protanopia

#9999B4

Deuteranopia

#948FB5

Tritanopia

#7DB7B8

Achromatopsia

#B1B1B1

CSS Usage

background-color: #79C2AF;
color: #79C2AF;
border-color: #79C2AF;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF9
100
#E7F3F0
200
#CEE9E2
300
#ABD9CD
400
#7DC4B2
500
#50AF96
600
#408C78
700
#337060
800
#28584B
900
#204138
950
#142924

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.15:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026