#7CECBF

#7CECBF

Color Values

HEX

#7CECBF

RGB

124, 236, 191

HSL

155.9, 74.7%, 70.6%

HSV

155.9, 47.5%, 92.5%

CMYK

47.5%, 0.0%, 19.1%, 7.5%

OKLCH

0.8644 0.1223 165.4

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#7CECBF

#EC7CA9

Analogous

#7CEC87

#7CE1EC

#7CECBF

Triadic

#7CECBF

#BF7CEC

#ECBF7C

Split Complementary

#7CECBF

#EC7CE1

#EC877C

Tetradic

#7CECBF

#877CEC

#EC7CA9

#E1EC7C

Color Blindness Simulation

Original

#7CECBF

Protanopia

#ADADCA

Deuteranopia

#A69ECC

Tritanopia

#82D2D4

Achromatopsia

#D1D1D1

CSS Usage

background-color: #7CECBF;
color: #7CECBF;
border-color: #7CECBF;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FCF8
100
#E2F8EF
200
#C1F6E1
300
#94F0CB
400
#5AE7AF
500
#20DF92
600
#1AB275
700
#158F5E
800
#106F49
900
#105137
950
#0A3323

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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