#7FD7D0

#7FD7D0

Color Values

HEX

#7FD7D0

RGB

127, 215, 208

HSL

175.2, 52.4%, 67.1%

HSV

175.2, 40.9%, 84.3%

CMYK

40.9%, 0.0%, 3.3%, 15.7%

OKLCH

0.8219 0.0858 189.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7FD7D0

#D77F86

Analogous

#7FD7A4

#7FB2D7

#7FD7D0

Triadic

#7FD7D0

#D07FD7

#D7D07F

Split Complementary

#7FD7D0

#D77FB2

#D7A47F

Tetradic

#7FD7D0

#A47FD7

#D77F86

#B2D77F

Color Blindness Simulation

Original

#7FD7D0

Protanopia

#A5A6D2

Deuteranopia

#A099D2

Tritanopia

#83D3D3

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C9EEEB
300
#A2E2DD
400
#6FD2CA
500
#3DC2B8
600
#319B93
700
#277C76
800
#1E615C
900
#1A4744
950
#102D2B

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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