#0816A1

#0816A1

Color Values

HEX

#0816A1

RGB

8, 22, 161

HSL

234.5, 90.5%, 33.1%

HSV

234.5, 95.0%, 63.1%

CMYK

95.0%, 86.3%, 0.0%, 36.9%

OKLCH

0.3386 0.2096 265.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0816A1

#A19308

Analogous

#0862A1

#4608A1

#0816A1

Triadic

#0816A1

#A10816

#16A108

Split Complementary

#0816A1

#A14608

#62A108

Tetradic

#0816A1

#A10862

#A19308

#08A146

Color Blindness Simulation

Original

#0816A1

Protanopia

#0E0E7F

Deuteranopia

#0D0C77

Tritanopia

#09655F

Achromatopsia

#1D1D1D

CSS Usage

background-color: #0816A1;
color: #0816A1;
border-color: #0816A1;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F1F3FD
100
#DFE2FB
200
#BBC1FC
300
#8A95F9
400
#4B5BF6
500
#0C21F3
600
#0A1BC2
700
#08159B
800
#061179
900
#091058
950
#060A38

Contrast Checker

Text on white

12.81:1

AA Pass AAA Pass

Text on black

1.64:1

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