#828FCD

#828FCD

Color Values

HEX

#828FCD

RGB

130, 143, 205

HSL

229.6, 42.9%, 65.7%

HSV

229.6, 36.6%, 80.4%

CMYK

36.6%, 30.2%, 0.0%, 19.6%

OKLCH

0.6641 0.0935 274.5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#828FCD

#CDC082

Analogous

#82B5CD

#9B82CD

#828FCD

Triadic

#828FCD

#CD828F

#8FCD82

Split Complementary

#828FCD

#CD9B82

#B5CD82

Tetradic

#828FCD

#CD82B5

#CDC082

#82CD9B

Color Blindness Simulation

Original

#828FCD

Protanopia

#8888BE

Deuteranopia

#8786BA

Tritanopia

#83B2B0

Achromatopsia

#919191

CSS Usage

background-color: #828FCD;
color: #828FCD;
border-color: #828FCD;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F5F6FA
100
#E7E9F4
200
#CCD1EB
300
#A8B1DC
400
#7886C9
500
#495CB6
600
#3A4992
700
#2F3B75
800
#242E5B
900
#1E2443
950
#13172A

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

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