#080C96

#080C96

Color Values

HEX

#080C96

RGB

8, 12, 150

HSL

238.3, 89.9%, 31.0%

HSV

238.3, 94.7%, 58.8%

CMYK

94.7%, 92.0%, 0.0%, 41.2%

OKLCH

0.315 0.2034 265.8

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#080C96

#969208

Analogous

#085396

#4B0896

#080C96

Triadic

#080C96

#96080C

#0C9608

Split Complementary

#080C96

#964B08

#539608

Tetradic

#080C96

#960853

#969208

#08964B

Color Blindness Simulation

Original

#080C96

Protanopia

#0A0A75

Deuteranopia

#0A096D

Tritanopia

#085A54

Achromatopsia

#151515

CSS Usage

background-color: #080C96;
color: #080C96;
border-color: #080C96;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BBBDFB
300
#8B8EF9
400
#4C51F5
500
#0D13F2
600
#0A0FC2
700
#080C9B
800
#060A79
900
#090B58
950
#060737

Contrast Checker

Text on white

13.97:1

AA Pass AAA Pass

Text on black

1.5:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026