#84FCF5

#84FCF5

Color Values

HEX

#84FCF5

RGB

132, 252, 245

HSL

176.5, 95.2%, 75.3%

HSV

176.5, 47.6%, 98.8%

CMYK

47.6%, 0.0%, 2.8%, 1.2%

OKLCH

0.9194 0.1094 190.4

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#84FCF5

#FC848B

Analogous

#84FCB9

#84C7FC

#84FCF5

Triadic

#84FCF5

#F584FC

#FCF584

Split Complementary

#84FCF5

#FC84C7

#FCB984

Tetradic

#84FCF5

#B984FC

#FC848B

#C7FC84

Color Blindness Simulation

Original

#84FCF5

Protanopia

#B8B9F7

Deuteranopia

#B1A8F7

Tritanopia

#8AF8F8

Achromatopsia

#E2E2E2

CSS Usage

background-color: #84FCF5;
color: #84FCF5;
border-color: #84FCF5;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F1FEFD
100
#DFFCFA
200
#B9FDF9
300
#88FCF5
400
#47FAF0
500
#06F9EB
600
#05C7BC
700
#049F96
800
#037C75
900
#075A55
950
#043936

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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