#7FF3EB

#7FF3EB

Color Values

HEX

#7FF3EB

RGB

127, 243, 235

HSL

175,9, 82,9%, 72,5%

HSV

175,9, 47,7%, 95,3%

CMYK

47,7%, 0,0%, 3,3%, 4,7%

OKLCH

0,894 0,1067 189,5

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#7FF3EB

#F37F87

Analogous

#7FF3B1

#7FC1F3

#7FF3EB

Triadic

#7FF3EB

#EB7FF3

#F3EB7F

Split Complementary

#7FF3EB

#F37FC1

#F3B17F

Tetradic

#7FF3EB

#B17FF3

#F37F87

#C1F37F

Color Blindness Simulation

Original

#7FF3EB

Protanopia

#B1B2ED

Deuteranopia

#AAA2ED

Tritanopia

#85EEEF

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1FAF8
200
#BEF9F5
300
#8FF5EE
400
#52EFE4
500
#16E9DB
600
#11BBAF
700
#0E958C
800
#0B756D
900
#0C5550
950
#083532

Contrast Checker

Text on white

1,32:1

AA Fail AAA Fail

Text on black

15,92:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Ene 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Ene 21, 2026
Tutorials

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

Ene 18, 2026