#828DBB

#828DBB

Color Values

HEX

#828DBB

RGB

130, 141, 187

HSL

228,4, 29,5%, 62,2%

HSV

228,4, 30,5%, 73,3%

CMYK

30,5%, 24,6%, 0,0%, 26,7%

OKLCH

0,6518 0,07 273,9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#828DBB

#BBB082

Analogous

#82AABB

#9482BB

#828DBB

Triadic

#828DBB

#BB828D

#8DBB82

Split Complementary

#828DBB

#BB9482

#AABB82

Tetradic

#828DBB

#BB82AA

#BBB082

#82BB94

Color Blindness Simulation

Original

#828DBB

Protanopia

#8787B0

Deuteranopia

#8685AD

Tritanopia

#83A7A5

Achromatopsia

#8E8E8E

CSS Usage

background-color: #828DBB;
color: #828DBB;
border-color: #828DBB;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D5E6
300
#B0B7D4
400
#8590BC
500
#5A68A5
600
#485484
700
#3A436A
800
#2D3453
900
#24293D
950
#161A27

Contrast Checker

Text on white

3,24:1

AA Fail AAA Fail

Text on black

6,48:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026