#0F1489

#0F1489

Color Values

HEX

#0F1489

RGB

15, 20, 137

HSL

237.5, 80.3%, 29.8%

HSV

237.5, 89.1%, 53.7%

CMYK

89.1%, 85.4%, 0.0%, 46.3%

OKLCH

0.3072 0.1821 267.6

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#0F1489

#89840F

Analogous

#0F5189

#470F89

#0F1489

Triadic

#0F1489

#890F14

#14890F

Split Complementary

#0F1489

#89470F

#51890F

Tetradic

#0F1489

#890F51

#89840F

#0F8947

Color Blindness Simulation

Original

#0F1489

Protanopia

#11116D

Deuteranopia

#111066

Tritanopia

#0F5651

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F2F3FD
100
#E1E2F9
200
#BFC1F8
300
#9195F3
400
#555BEC
500
#1922E6
600
#141BB8
700
#101693
800
#0D1173
900
#0D1053
950
#080A35

Contrast Checker

Text on white

14.17:1

AA Pass AAA Pass

Text on black

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