#84FCCC

#84FCCC

Color Values

HEX

#84FCCC

RGB

132, 252, 204

HSL

156.0, 95.2%, 75.3%

HSV

156.0, 47.6%, 98.8%

CMYK

47.6%, 0.0%, 19.0%, 1.2%

OKLCH

0.908 0.1291 165.4

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#84FCCC

#FC84B4

Analogous

#84FC90

#84F0FC

#84FCCC

Triadic

#84FCCC

#CC84FC

#FCCC84

Split Complementary

#84FCCC

#FC84F0

#FC9084

Tetradic

#84FCCC

#9084FC

#FC84B4

#F0FC84

Color Blindness Simulation

Original

#84FCCC

Protanopia

#B8B9D8

Deuteranopia

#B1A8DA

Tritanopia

#8AE1E3

Achromatopsia

#DFDFDF

CSS Usage

background-color: #84FCCC;
color: #84FCCC;
border-color: #84FCCC;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FEF9
100
#DFFCF0
200
#B9FDE2
300
#88FCCD
400
#47FAB3
500
#06F998
600
#05C779
700
#049F61
800
#037C4C
900
#075A39
950
#043924

Contrast Checker

Text on white

1.25:1

AA Fail AAA Fail

Text on black

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