#849CD3

#849CD3

Color Values

HEX

#849CD3

RGB

132, 156, 211

HSL

221.8, 47.3%, 67.3%

HSV

221.8, 37.4%, 82.7%

CMYK

37.4%, 26.1%, 0.0%, 17.3%

OKLCH

0.6954 0.0858 266.0

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#849CD3

#D3BB84

Analogous

#84C4D3

#9484D3

#849CD3

Triadic

#849CD3

#D3849C

#9CD384

Split Complementary

#849CD3

#D39484

#C4D384

Tetradic

#849CD3

#D384C4

#D3BB84

#84D394

Color Blindness Simulation

Original

#849CD3

Protanopia

#8E8FC6

Deuteranopia

#8D8BC2

Tritanopia

#85BBB9

Achromatopsia

#9B9B9B

CSS Usage

background-color: #849CD3;
color: #849CD3;
border-color: #849CD3;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F4F6FA
100
#E6EAF4
200
#CAD5EC
300
#A5B6DF
400
#748FCD
500
#4368BC
600
#365396
700
#2B4278
800
#22345E
900
#1C2845
950
#12192C

Contrast Checker

Text on white

2.74:1

AA Fail AAA Fail

Text on black

7.68:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026