#080EC9

#080EC9

Color Values

HEX

#080EC9

RGB

8, 14, 201

HSL

238.1, 92.3%, 41.0%

HSV

238.1, 96.0%, 78.8%

CMYK

96.0%, 93.0%, 0.0%, 21.2%

OKLCH

0.386 0.2562 265.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#080EC9

#C9C308

Analogous

#086FC9

#6208C9

#080EC9

Triadic

#080EC9

#C9080E

#0EC908

Split Complementary

#080EC9

#C96208

#6FC908

Tetradic

#080EC9

#C9086F

#C9C308

#08C962

Color Blindness Simulation

Original

#080EC9

Protanopia

#0B0B9C

Deuteranopia

#0A0A91

Tritanopia

#087870

Achromatopsia

#1A1A1A

CSS Usage

background-color: #080EC9;
color: #080EC9;
border-color: #080EC9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFC
300
#898DFA
400
#4A4FF8
500
#0A11F5
600
#080EC4
700
#060B9D
800
#05097B
900
#080B59
950
#050738

Contrast Checker

Text on white

10.96:1

AA Pass AAA Pass

Text on black

1.92: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