#84D5EB

#84D5EB

Color Values

HEX

#84D5EB

RGB

132, 213, 235

HSL

192.8, 72.0%, 72.0%

HSV

192.8, 43.8%, 92.2%

CMYK

43.8%, 9.4%, 0.0%, 7.8%

OKLCH

0.8288 0.0849 217.0

Properties

Cool Light Nearest: Sky Blue

Color Harmonies

Complementary

#84D5EB

#EB9A84

Analogous

#84EBCE

#84A2EB

#84D5EB

Triadic

#84D5EB

#EB84D5

#D5EB84

Split Complementary

#84D5EB

#EB84A2

#EBCE84

Tetradic

#84D5EB

#CE84EB

#EB9A84

#A2EB84

Color Blindness Simulation

Original

#84D5EB

Protanopia

#A7A8E6

Deuteranopia

#A29CE4

Tritanopia

#88E1E1

Achromatopsia

#C5C5C5

CSS Usage

background-color: #84D5EB;
color: #84D5EB;
border-color: #84D5EB;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F3FAFC
100
#E2F3F8
200
#C2EAF5
300
#96DBEE
400
#5DC8E5
500
#24B4DB
600
#1D90AF
700
#17738C
800
#125A6E
900
#114250
950
#0B2A32

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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