#7CC5BF

#7CC5BF

Color Values

HEX

#7CC5BF

RGB

124, 197, 191

HSL

175.1, 38.6%, 62.9%

HSV

175.1, 37.1%, 77.3%

CMYK

37.1%, 0.0%, 3.0%, 22.7%

OKLCH

0.7739 0.0737 189.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7CC5BF

#C57C82

Analogous

#7CC59A

#7CA6C5

#7CC5BF

Triadic

#7CC5BF

#BF7CC5

#C5BF7C

Split Complementary

#7CC5BF

#C57CA6

#C59A7C

Tetradic

#7CC5BF

#9A7CC5

#C57C82

#A6C57C

Color Blindness Simulation

Original

#7CC5BF

Protanopia

#9C9CC0

Deuteranopia

#9792C1

Tritanopia

#80C2C2

Achromatopsia

#B5B5B5

CSS Usage

background-color: #7CC5BF;
color: #7CC5BF;
border-color: #7CC5BF;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CEE9E7
300
#AAD9D6
400
#7CC5BF
500
#4EB1A9
600
#3F8D87
700
#32716C
800
#275854
900
#20413F
950
#142927

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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