#0B0C67

#0B0C67

Color Values

HEX

#0B0C67

RGB

11, 12, 103

HSL

239.3, 80.7%, 22.4%

HSV

239.3, 89.3%, 40.4%

CMYK

89.3%, 88.3%, 0.0%, 59.6%

OKLCH

0.2512 0.1481 268.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0B0C67

#67660B

Analogous

#0B3A67

#380B67

#0B0C67

Triadic

#0B0C67

#670B0C

#0C670B

Split Complementary

#0B0C67

#67380B

#3A670B

Tetradic

#0B0C67

#670B3A

#67660B

#0B6738

Color Blindness Simulation

Original

#0B0C67

Protanopia

#0B0B51

Deuteranopia

#0B0B4C

Tritanopia

#0B403C

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1F9
200
#BEBFF8
300
#9092F3
400
#5556ED
500
#191BE6
600
#1416B8
700
#101193
800
#0C0E73
900
#0D0E54
950
#080935

Contrast Checker

Text on white

16.63:1

AA Pass AAA Pass

Text on black

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