#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026