#84C4FA

#84C4FA

Color Values

HEX

#84C4FA

RGB

132, 196, 250

HSL

207.5, 92.2%, 74.9%

HSV

207.5, 47.2%, 98.0%

CMYK

47.2%, 21.6%, 0.0%, 2.0%

OKLCH

0.7975 0.1012 245.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#84C4FA

#FABA84

Analogous

#84FAF5

#8489FA

#84C4FA

Triadic

#84C4FA

#FA84C4

#C4FA84

Split Complementary

#84C4FA

#FA8489

#FAF584

Tetradic

#84C4FA

#F584FA

#FABA84

#89FA84

Color Blindness Simulation

Original

#84C4FA

Protanopia

#A0A0ED

Deuteranopia

#9C97EA

Tritanopia

#87E3E0

Achromatopsia

#BABABA

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFC
300
#89C7FA
400
#4AA8F8
500
#0A89F5
600
#086EC4
700
#06589D
800
#05457B
900
#083459
950
#052138

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.26:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026