#7FF0CC

#7FF0CC

Color Values

HEX

#7FF0CC

RGB

127, 240, 204

HSL

160,9, 79,0%, 72,0%

HSV

160,9, 47,1%, 94,1%

CMYK

47,1%, 0,0%, 15,0%, 5,9%

OKLCH

0,8782 0,1166 170,6

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#7FF0CC

#F07FA3

Analogous

#7FF094

#7FDCF0

#7FF0CC

Triadic

#7FF0CC

#CC7FF0

#F0CC7F

Split Complementary

#7FF0CC

#F07FDC

#F0947F

Tetradic

#7FF0CC

#947FF0

#F07FA3

#DCF07F

Color Blindness Simulation

Original

#7FF0CC

Protanopia

#B0B1D5

Deuteranopia

#A9A1D7

Tritanopia

#85DCDD

Achromatopsia

#D5D5D5

CSS Usage

background-color: #7FF0CC;
color: #7FF0CC;
border-color: #7FF0CC;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F2FCF9
100
#E1F9F2
200
#BFF8E6
300
#91F2D3
400
#56EBBC
500
#1BE4A4
600
#15B783
700
#119269
800
#0D7252
900
#0E533D
950
#093427

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,24:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026