#84BCF7

#84BCF7

Color Values

HEX

#84BCF7

RGB

132, 188, 247

HSL

210.8, 87.8%, 74.3%

HSV

210.8, 46.6%, 96.9%

CMYK

46.6%, 23.9%, 0.0%, 3.1%

OKLCH

0.7791 0.1031 250.5

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#84BCF7

#F7BF84

Analogous

#84F5F7

#8584F7

#84BCF7

Triadic

#84BCF7

#F784BC

#BCF784

Split Complementary

#84BCF7

#F78584

#F5F784

Tetradic

#84BCF7

#F784F5

#F7BF84

#84F785

Color Blindness Simulation

Original

#84BCF7

Protanopia

#9C9DE9

Deuteranopia

#9995E5

Tritanopia

#87DDDB

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BCDAFB
300
#8CC0F8
400
#4E9EF3
500
#107DEF
600
#0C64C0
700
#0A5099
800
#083E78
900
#0A2F57
950
#061E37

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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