#84EBDF

#84EBDF

Color Values

HEX

#84EBDF

RGB

132, 235, 223

HSL

173.0, 72.0%, 72.0%

HSV

173.0, 43.8%, 92.2%

CMYK

43.8%, 0.0%, 5.1%, 7.8%

OKLCH

0.8742 0.0983 185.9

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#84EBDF

#EB8490

Analogous

#84EBAC

#84C4EB

#84EBDF

Triadic

#84EBDF

#DF84EB

#EBDF84

Split Complementary

#84EBDF

#EB84C4

#EBAC84

Tetradic

#84EBDF

#AC84EB

#EB8490

#C4EB84

Color Blindness Simulation

Original

#84EBDF

Protanopia

#B1B1E2

Deuteranopia

#ABA3E3

Tritanopia

#89E4E5

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C2F5EF
300
#96EEE4
400
#5DE5D5
500
#24DBC6
600
#1DAF9E
700
#178C7F
800
#126E63
900
#115049
950
#0B322E

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

14.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026