#080F55

#080F55

Color Values

HEX

#080F55

RGB

8, 15, 85

HSL

234,5, 82,8%, 18,2%

HSV

234,5, 90,6%, 33,3%

CMYK

90,6%, 82,4%, 0,0%, 66,7%

OKLCH

0,23 0,1228 268,2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#080F55

#554E08

Analogous

#083555

#270855

#080F55

Triadic

#080F55

#55080F

#0F5508

Split Complementary

#080F55

#552708

#355508

Tetradic

#080F55

#550835

#554E08

#085527

Color Blindness Simulation

Original

#080F55

Protanopia

#0B0B44

Deuteranopia

#0B0A40

Tritanopia

#083734

Achromatopsia

#131313

CSS Usage

background-color: #080F55;
color: #080F55;
border-color: #080F55;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F2F3FD
100
#E1E3FA
200
#BEC3F9
300
#8F98F4
400
#5361EF
500
#1629E9
600
#1221BA
700
#0E1A95
800
#0B1575
900
#0C1355
950
#080C35

Contrast Checker

Text on white

17,36:1

AA Pass AAA Pass

Text on black

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