#84A3CF

#84A3CF

Color Values

HEX

#84A3CF

RGB

132, 163, 207

HSL

215.2, 43.9%, 66.5%

HSV

215.2, 36.2%, 81.2%

CMYK

36.2%, 21.3%, 0.0%, 18.8%

OKLCH

0.7085 0.0734 257.1

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#84A3CF

#CFB084

Analogous

#84C9CF

#8B84CF

#84A3CF

Triadic

#84A3CF

#CF84A3

#A3CF84

Split Complementary

#84A3CF

#CF8B84

#C9CF84

Tetradic

#84A3CF

#CF84C9

#CFB084

#84CF8B

Color Blindness Simulation

Original

#84A3CF

Protanopia

#9192C4

Deuteranopia

#908DC2

Tritanopia

#86BCBA

Achromatopsia

#A0A0A0

CSS Usage

background-color: #84A3CF;
color: #84A3CF;
border-color: #84A3CF;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CCD9EB
300
#A7BDDD
400
#7799CA
500
#4876B7
600
#395E93
700
#2E4B75
800
#243B5C
900
#1D2D44
950
#131D2B

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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