#84EFF4

#84EFF4

Color Values

HEX

#84EFF4

RGB

132, 239, 244

HSL

182.7, 83.6%, 73.7%

HSV

182.7, 45.9%, 95.7%

CMYK

45.9%, 2.0%, 0.0%, 4.3%

OKLCH

0.8899 0.0994 199.5

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#84EFF4

#F48984

Analogous

#84F4C1

#84B7F4

#84EFF4

Triadic

#84EFF4

#F484EF

#EFF484

Split Complementary

#84EFF4

#F484B7

#F4C184

Tetradic

#84EFF4

#C184F4

#F48984

#B7F484

Color Blindness Simulation

Original

#84EFF4

Protanopia

#B2B3F3

Deuteranopia

#ACA4F2

Tritanopia

#89F2F2

Achromatopsia

#D9D9D9

CSS Usage

background-color: #84EFF4;
color: #84EFF4;
border-color: #84EFF4;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BDF6F9
300
#8FF0F5
400
#52E8F0
500
#15E0EA
600
#11B4BB
700
#0D9096
800
#0A7075
900
#0C5255
950
#083436

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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