#8499C3

#8499C3

Color Values

HEX

#8499C3

RGB

132, 153, 195

HSL

220.0, 34.4%, 64.1%

HSV

220.0, 32.3%, 76.5%

CMYK

32.3%, 21.5%, 0.0%, 23.5%

OKLCH

0.6821 0.0668 264.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#8499C3

#C3AE84

Analogous

#84B8C3

#8E84C3

#8499C3

Triadic

#8499C3

#C38499

#99C384

Split Complementary

#8499C3

#C38E84

#B8C384

Tetradic

#8499C3

#C384B8

#C3AE84

#84C38E

Color Blindness Simulation

Original

#8499C3

Protanopia

#8D8DB9

Deuteranopia

#8C8AB6

Tritanopia

#85B1AF

Achromatopsia

#989898

CSS Usage

background-color: #8499C3;
color: #8499C3;
border-color: #8499C3;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F7FA
100
#E8EBF2
200
#CFD7E8
300
#ADBBD7
400
#8096C1
500
#5471AB
600
#435A89
700
#36486E
800
#2A3856
900
#212B3F
950
#151B28

Contrast Checker

Text on white

2.87:1

AA Fail AAA Fail

Text on black

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