#79BEA2

#79BEA2

Color Values

HEX

#79BEA2

RGB

121, 190, 162

HSL

155.7, 34.7%, 61.0%

HSV

155.7, 36.3%, 74.5%

CMYK

36.3%, 0.0%, 14.7%, 25.5%

OKLCH

0.7475 0.0814 166.6

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#79BEA2

#BE7995

Analogous

#79BE80

#79B8BE

#79BEA2

Triadic

#79BEA2

#A279BE

#BEA279

Split Complementary

#79BEA2

#BE79B8

#BE8079

Tetradic

#79BEA2

#8079BE

#BE7995

#B8BE79

Color Blindness Simulation

Original

#79BEA2

Protanopia

#9797A9

Deuteranopia

#938EAA

Tritanopia

#7CAEAF

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F2EE
200
#CFE8DE
300
#ADD7C6
400
#80C1A7
500
#53AC88
600
#43896D
700
#356E57
800
#2A5644
900
#214033
950
#152820

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

9.7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026