#84F3EC

#84F3EC

Color Values

HEX

#84F3EC

RGB

132, 243, 236

HSL

176.2, 82.2%, 73.5%

HSV

176.2, 45.7%, 95.3%

CMYK

45.7%, 0.0%, 2.9%, 4.7%

OKLCH

0.8963 0.103 190.1

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#84F3EC

#F3848B

Analogous

#84F3B4

#84C2F3

#84F3EC

Triadic

#84F3EC

#EC84F3

#F3EC84

Split Complementary

#84F3EC

#F384C2

#F3B484

Tetradic

#84F3EC

#B484F3

#F3848B

#C2F384

Color Blindness Simulation

Original

#84F3EC

Protanopia

#B4B5EE

Deuteranopia

#AEA5EE

Tritanopia

#8AEFEF

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E1FAF8
200
#BEF9F5
300
#8FF4EE
400
#53EEE4
500
#17E8DB
600
#12BAAF
700
#0F958C
800
#0B746E
900
#0D5450
950
#083532

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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