#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

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

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

ม.ค. 18, 2026