#7FC2B0

#7FC2B0

Color Values

HEX

#7FC2B0

RGB

127, 194, 176

HSL

163.9, 35.4%, 62.9%

HSV

163.9, 34.5%, 76.1%

CMYK

34.5%, 0.0%, 9.3%, 23.9%

OKLCH

0.764 0.0732 175.5

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7FC2B0

#C27F91

Analogous

#7FC28E

#7FB2C2

#7FC2B0

Triadic

#7FC2B0

#B07FC2

#C2B07F

Split Complementary

#7FC2B0

#C27FB2

#C28E7F

Tetradic

#7FC2B0

#8E7FC2

#C27F91

#B2C27F

Color Blindness Simulation

Original

#7FC2B0

Protanopia

#9C9DB4

Deuteranopia

#9893B5

Tritanopia

#82B8B9

Achromatopsia

#B2B2B2

CSS Usage

background-color: #7FC2B0;
color: #7FC2B0;
border-color: #7FC2B0;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E8F3F0
200
#CFE8E1
300
#ACD7CC
400
#7FC2B0
500
#52AD94
600
#428A77
700
#356E5F
800
#29564A
900
#214038
950
#152823

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.25:1

AA Pass AAA Pass

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