#829FD3

#829FD3

Color Values

HEX

#829FD3

RGB

130, 159, 211

HSL

218.5, 47.9%, 66.9%

HSV

218.5, 38.4%, 82.7%

CMYK

38.4%, 24.6%, 0.0%, 17.3%

OKLCH

0.7004 0.0834 261.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#829FD3

#D3B682

Analogous

#82C8D3

#8E82D3

#829FD3

Triadic

#829FD3

#D3829F

#9FD382

Split Complementary

#829FD3

#D38E82

#C8D382

Tetradic

#829FD3

#D382C8

#D3B682

#82D38E

Color Blindness Simulation

Original

#829FD3

Protanopia

#8F8FC6

Deuteranopia

#8D8BC3

Tritanopia

#83BCBA

Achromatopsia

#9D9D9D

CSS Usage

background-color: #829FD3;
color: #829FD3;
border-color: #829FD3;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CAD6EC
300
#A4B9DF
400
#7394CE
500
#426EBD
600
#355897
700
#2B4779
800
#21375E
900
#1C2B45
950
#111B2C

Contrast Checker

Text on white

2.68:1

AA Fail AAA Fail

Text on black

7.85:1

AA Pass AAA Pass

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