#84CBEB

#84CBEB

Color Values

HEX

#84CBEB

RGB

132, 203, 235

HSL

198.6, 72.0%, 72.0%

HSV

198.6, 43.8%, 92.2%

CMYK

43.8%, 13.6%, 0.0%, 7.8%

OKLCH

0.8067 0.0843 228.3

Properties

Cool Light Nearest: skyblue

Color Harmonies

Complementary

#84CBEB

#EBA484

Analogous

#84EBD7

#8498EB

#84CBEB

Triadic

#84CBEB

#EB84CB

#CBEB84

Split Complementary

#84CBEB

#EB8498

#EBD784

Tetradic

#84CBEB

#D784EB

#EBA484

#98EB84

Color Blindness Simulation

Original

#84CBEB

Protanopia

#A3A3E3

Deuteranopia

#9F99E1

Tritanopia

#88DDDC

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F3F9FC
100
#E2F1F8
200
#C2E5F5
300
#96D3EE
400
#5DBAE5
500
#24A2DB
600
#1D82AF
700
#17688C
800
#12516E
900
#113C50
950
#0B2632

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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