#0820C4

#0820C4

Color Values

HEX

#0820C4

RGB

8, 32, 196

HSL

232.3, 92.2%, 40.0%

HSV

232.3, 95.9%, 76.9%

CMYK

95.9%, 83.7%, 0.0%, 23.1%

OKLCH

0.3938 0.2412 265.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0820C4

#C4AC08

Analogous

#087EC4

#4E08C4

#0820C4

Triadic

#0820C4

#C40820

#20C408

Split Complementary

#0820C4

#C44E08

#7EC408

Tetradic

#0820C4

#C4087E

#C4AC08

#08C44E

Color Blindness Simulation

Original

#0820C4

Protanopia

#12139C

Deuteranopia

#110F93

Tritanopia

#097D76

Achromatopsia

#272727

CSS Usage

background-color: #0820C4;
color: #0820C4;
border-color: #0820C4;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BAC3FC
300
#8998FA
400
#4A60F8
500
#0A28F5
600
#0820C4
700
#061A9D
800
#05147B
900
#081359
950
#050C38

Contrast Checker

Text on white

10.43:1

AA Pass AAA Pass

Text on black

2.01:1

AA Fail 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