#080772

#080772

Color Values

HEX

#080772

RGB

8, 7, 114

HSL

240.6, 88.4%, 23.7%

HSV

240.6, 93.9%, 44.7%

CMYK

93.0%, 93.9%, 0.0%, 55.3%

OKLCH

0.2601 0.1656 267.0

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#080772

#717207

Analogous

#073B72

#3E0772

#080772

Triadic

#080772

#720807

#077208

Split Complementary

#080772

#723E07

#3B7207

Tetradic

#080772

#72073B

#717207

#07723E

Color Blindness Simulation

Original

#080772

Protanopia

#080858

Deuteranopia

#080852

Tritanopia

#08443F

Achromatopsia

#0F0F0F

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E0FB
200
#BCBCFB
300
#8D8CF8
400
#4F4DF4
500
#110FF0
600
#0E0CC0
700
#0B099A
800
#090778
900
#0B0A57
950
#070637

Contrast Checker

Text on white

16.36:1

AA Pass AAA Pass

Text on black

1.28:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026