#84BCEF

#84BCEF

Color Values

HEX

#84BCEF

RGB

132, 188, 239

HSL

208.6, 77.0%, 72.7%

HSV

208.6, 44.8%, 93.7%

CMYK

44.8%, 21.3%, 0.0%, 6.3%

OKLCH

0.7757 0.0938 246.8

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#84BCEF

#EFB784

Analogous

#84EFEC

#8486EF

#84BCEF

Triadic

#84BCEF

#EF84BC

#BCEF84

Split Complementary

#84BCEF

#EF8486

#EFEC84

Tetradic

#84BCEF

#EC84EF

#EFB784

#86EF84

Color Blindness Simulation

Original

#84BCEF

Protanopia

#9C9DE3

Deuteranopia

#9995E0

Tritanopia

#87D9D7

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E1EEF9
200
#C0DDF7
300
#93C4F1
400
#58A4E9
500
#1D84E2
600
#176AB5
700
#135590
800
#0F4271
900
#0F3252
950
#092034

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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