#7FD1D0

#7FD1D0

Color Values

HEX

#7FD1D0

RGB

127, 209, 208

HSL

179.3, 47.1%, 65.9%

HSV

179.3, 39.2%, 82.0%

CMYK

39.2%, 0.0%, 0.5%, 18.0%

OKLCH

0.8082 0.0803 194.7

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#7FD1D0

#D17F80

Analogous

#7FD1A7

#7FA9D1

#7FD1D0

Triadic

#7FD1D0

#D07FD1

#D1D07F

Split Complementary

#7FD1D0

#D17FA9

#D1A77F

Tetradic

#7FD1D0

#A77FD1

#D17F80

#A9D17F

Color Blindness Simulation

Original

#7FD1D0

Protanopia

#A3A3D0

Deuteranopia

#9E98D0

Tritanopia

#83D0D0

Achromatopsia

#BFBFBF

CSS Usage

background-color: #7FD1D0;
color: #7FD1D0;
border-color: #7FD1D0;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFA
100
#E6F4F4
200
#CAECEC
300
#A5DFDE
400
#74CDCC
500
#43BCBA
600
#369695
700
#2B7877
800
#225E5D
900
#1C4545
950
#122C2B

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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