#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026