#828AB9

#828AB9

Color Values

HEX

#828AB9

RGB

130, 138, 185

HSL

231.3, 28.2%, 61.8%

HSV

231.3, 29.7%, 72.5%

CMYK

29.7%, 25.4%, 0.0%, 27.5%

OKLCH

0.6446 0.071 276.7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#828AB9

#B9B182

Analogous

#82A6B9

#9682B9

#828AB9

Triadic

#828AB9

#B9828A

#8AB982

Split Complementary

#828AB9

#B99682

#A6B982

Tetradic

#828AB9

#B982A6

#B9B182

#82B996

Color Blindness Simulation

Original

#828AB9

Protanopia

#8586AE

Deuteranopia

#8584AB

Tritanopia

#82A5A3

Achromatopsia

#8C8C8C

CSS Usage

background-color: #828AB9;
color: #828AB9;
border-color: #828AB9;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F6F6F9
100
#E9EAF1
200
#D1D4E5
300
#B1B6D3
400
#868EBB
500
#5C66A3
600
#495283
700
#3B4169
800
#2E3352
900
#24283D
950
#171926

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

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