#828ECF

#828ECF

Color Values

HEX

#828ECF

RGB

130, 142, 207

HSL

230.6, 44.5%, 66.1%

HSV

230.6, 37.2%, 81.2%

CMYK

37.2%, 31.4%, 0.0%, 18.8%

OKLCH

0.663 0.0977 275.4

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#828ECF

#CFC382

Analogous

#82B5CF

#9D82CF

#828ECF

Triadic

#828ECF

#CF828E

#8ECF82

Split Complementary

#828ECF

#CF9D82

#B5CF82

Tetradic

#828ECF

#CF82B5

#CFC382

#82CF9D

Color Blindness Simulation

Original

#828ECF

Protanopia

#8787BF

Deuteranopia

#8686BB

Tritanopia

#83B3B0

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F4F5FA
100
#E6E9F4
200
#CBD0EB
300
#A7AFDD
400
#7784CB
500
#4759B8
600
#394793
700
#2D3976
800
#232C5C
900
#1D2344
950
#12162B

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

6.72:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026