#0B0558

#0B0558

Color Values

HEX

#0B0558

RGB

11, 5, 88

HSL

244.3, 89.2%, 18.2%

HSV

244.3, 94.3%, 34.5%

CMYK

87.5%, 94.3%, 0.0%, 65.5%

OKLCH

0.2219 0.1351 270.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0B0558

#525805

Analogous

#052858

#340558

#0B0558

Triadic

#0B0558

#580B05

#05580B

Split Complementary

#0B0558

#583405

#285805

Tetradic

#0B0558

#580528

#525805

#055834

Color Blindness Simulation

Original

#0B0558

Protanopia

#080844

Deuteranopia

#09093F

Tritanopia

#0B3431

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E2E0FB
200
#C0BBFB
300
#938BF8
400
#594CF5
500
#1E0EF1
600
#180BC1
700
#13099A
800
#0F0779
900
#0F0A57
950
#0A0637

Contrast Checker

Text on white

17.84:1

AA Pass AAA Pass

Text on black

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