#0F0356

#0F0356

Color Values

HEX

#0F0356

RGB

15, 3, 86

HSL

248.7, 93.3%, 17.5%

HSV

248.7, 96.5%, 33.7%

CMYK

82.6%, 96.5%, 0.0%, 66.3%

OKLCH

0.2189 0.1333 273.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#0F0356

#4A5603

Analogous

#032156

#390356

#0F0356

Triadic

#0F0356

#560F03

#03560F

Split Complementary

#0F0356

#563903

#215603

Tetradic

#0F0356

#560321

#4A5603

#035639

Color Blindness Simulation

Original

#0F0356

Protanopia

#0A0A42

Deuteranopia

#0A0B3D

Tritanopia

#0E322F

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C4BAFD
300
#9989FB
400
#6249F9
500
#2B09F6
600
#2207C5
700
#1C059E
800
#16047B
900
#140859
950
#0C0538

Contrast Checker

Text on white

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