#080CC4

#080CC4

Color Values

HEX

#080CC4

RGB

8, 12, 196

HSL

238,7, 92,2%, 40,0%

HSV

238,7, 95,9%, 76,9%

CMYK

95,9%, 93,9%, 0,0%, 23,1%

OKLCH

0,3781 0,2518 265,1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#080CC4

#C4C008

Analogous

#086AC4

#6208C4

#080CC4

Triadic

#080CC4

#C4080C

#0CC408

Split Complementary

#080CC4

#C46208

#6AC408

Tetradic

#080CC4

#C4086A

#C4C008

#08C462

Color Blindness Simulation

Original

#080CC4

Protanopia

#0A0A98

Deuteranopia

#0A098D

Tritanopia

#08746D

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFC
300
#898CFA
400
#4A4DF8
500
#0A0FF5
600
#080CC4
700
#060A9D
800
#05087B
900
#080A59
950
#050638

Contrast Checker

Text on white

11,29:1

AA Pass AAA Pass

Text on black

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