#84BEF2

#84BEF2

Color Values

HEX

#84BEF2

RGB

132, 190, 242

HSL

208.4, 80.9%, 73.3%

HSV

208.4, 45.5%, 94.9%

CMYK

45.5%, 21.5%, 0.0%, 5.1%

OKLCH

0.7813 0.0959 246.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#84BEF2

#F2B884

Analogous

#84F2EF

#8487F2

#84BEF2

Triadic

#84BEF2

#F284BE

#BEF284

Split Complementary

#84BEF2

#F28487

#F2EF84

Tetradic

#84BEF2

#EF84F2

#F2B884

#87F284

Color Blindness Simulation

Original

#84BEF2

Protanopia

#9D9EE5

Deuteranopia

#9A95E2

Tritanopia

#87DBD9

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BEDDF8
300
#90C4F3
400
#54A5ED
500
#1885E7
600
#136AB9
700
#105594
800
#0C4373
900
#0D3254
950
#082035

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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