#0B0786

#0B0786

Color Values

HEX

#0B0786

RGB

11, 7, 134

HSL

241.9, 90.1%, 27.6%

HSV

241.9, 94.8%, 52.5%

CMYK

91.8%, 94.8%, 0.0%, 47.5%

OKLCH

0.2898 0.1876 267.0

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#0B0786

#828607

Analogous

#074286

#4A0786

#0B0786

Triadic

#0B0786

#860B07

#07860B

Split Complementary

#0B0786

#864A07

#428607

Tetradic

#0B0786

#860742

#828607

#07864A

Color Blindness Simulation

Original

#0B0786

Protanopia

#090967

Deuteranopia

#0A0A60

Tritanopia

#0B4F4A

Achromatopsia

#111111

CSS Usage

background-color: #0B0786;
color: #0B0786;
border-color: #0B0786;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F2F1FD
100
#E0DFFB
200
#BDBBFB
300
#8E8BF9
400
#514CF6
500
#140DF2
600
#100AC2
700
#0D089B
800
#0A0679
900
#0C0958
950
#070637

Contrast Checker

Text on white

15.12:1

AA Pass AAA Pass

Text on black

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