#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