#7FF6EB

#7FF6EB

Color Values

HEX

#7FF6EB

RGB

127, 246, 235

HSL

174,5, 86,9%, 73,1%

HSV

174,5, 48,4%, 96,5%

CMYK

48,4%, 0,0%, 4,5%, 3,5%

OKLCH

0,9008 0,1094 187,5

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#7FF6EB

#F67F8A

Analogous

#7FF6AF

#7FC5F6

#7FF6EB

Triadic

#7FF6EB

#EB7FF6

#F6EB7F

Split Complementary

#7FF6EB

#F67FC5

#F6AF7F

Tetradic

#7FF6EB

#AF7FF6

#F67F8A

#C5F67F

Color Blindness Simulation

Original

#7FF6EB

Protanopia

#B3B4EE

Deuteranopia

#ACA3EE

Tritanopia

#85F0F0

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BCFAF5
300
#8DF7ED
400
#4FF3E4
500
#11EEDA
600
#0DBFAE
700
#0B998C
800
#08776D
900
#0B564F
950
#073732

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,28: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