#08166F

#08166F

Color Values

HEX

#08166F

RGB

8, 22, 111

HSL

231,8, 86,6%, 23,3%

HSV

231,8, 92,8%, 43,5%

CMYK

92,8%, 80,2%, 0,0%, 56,5%

OKLCH

0,274 0,15 266,4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#08166F

#6F6108

Analogous

#08496F

#2D086F

#08166F

Triadic

#08166F

#6F0816

#166F08

Split Complementary

#08166F

#6F2D08

#496F08

Tetradic

#08166F

#6F0849

#6F6108

#086F2D

Color Blindness Simulation

Original

#08166F

Protanopia

#0E0E59

Deuteranopia

#0D0C54

Tritanopia

#094845

Achromatopsia

#191919

CSS Usage

background-color: #08166F;
color: #08166F;
border-color: #08166F;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F2F3FD
100
#E0E4FA
200
#BCC5FA
300
#8D9BF7
400
#4F65F2
500
#112FEE
600
#0E26BE
700
#0B1E98
800
#091877
900
#0B1556
950
#070D36

Contrast Checker

Text on white

15,5:1

AA Pass AAA Pass

Text on black

1,35: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