#84BCEB

#84BCEB

Color Values

HEX

#84BCEB

RGB

132, 188, 235

HSL

207,4, 72,0%, 72,0%

HSV

207,4, 43,8%, 92,2%

CMYK

43,8%, 20,0%, 0,0%, 7,8%

OKLCH

0,774 0,0893 244,6

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#84BCEB

#EBB384

Analogous

#84EBE7

#8489EB

#84BCEB

Triadic

#84BCEB

#EB84BC

#BCEB84

Split Complementary

#84BCEB

#EB8489

#EBE784

Tetradic

#84BCEB

#E784EB

#EBB384

#89EB84

Color Blindness Simulation

Original

#84BCEB

Protanopia

#9C9DE0

Deuteranopia

#9995DD

Tritanopia

#87D7D5

Achromatopsia

#B3B3B3

CSS Usage

background-color: #84BCEB;
color: #84BCEB;
border-color: #84BCEB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C2DEF5
300
#96C6EE
400
#5DA7E5
500
#2487DB
600
#1D6CAF
700
#17578C
800
#12446E
900
#113350
950
#0B2032

Contrast Checker

Text on white

2,02:1

AA Fail AAA Fail

Text on black

10,37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026