#0B0457

#0B0457

Color Values

HEX

#0B0457

RGB

11, 4, 87

HSL

245.1, 91.2%, 17.8%

HSV

245.1, 95.4%, 34.1%

CMYK

87.4%, 95.4%, 0.0%, 65.9%

OKLCH

0.2191 0.1348 270.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0B0457

#505704

Analogous

#042657

#340457

#0B0457

Triadic

#0B0457

#570B04

#04570B

Split Complementary

#0B0457

#573404

#265704

Tetradic

#0B0457

#570426

#505704

#045734

Color Blindness Simulation

Original

#0B0457

Protanopia

#080843

Deuteranopia

#08093E

Tritanopia

#0B3330

Achromatopsia

#0B0B0B

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E2DFFB
200
#C0BBFC
300
#938AFA
400
#594BF7
500
#1F0BF4
600
#1909C3
700
#14079C
800
#0F067A
900
#0F0958
950
#0A0538

Contrast Checker

Text on white

17.96:1

AA Pass AAA Pass

Text on black

1.17:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026