#0F3795

#0F3795

Color Values

HEX

#0F3795

RGB

15, 55, 149

HSL

222.1, 81.7%, 32.2%

HSV

222.1, 89.9%, 58.4%

CMYK

89.9%, 63.1%, 0.0%, 41.6%

OKLCH

0.3778 0.1605 263.3

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#0F3795

#956D0F

Analogous

#0F7A95

#2A0F95

#0F3795

Triadic

#0F3795

#950F37

#37950F

Split Complementary

#0F3795

#952A0F

#7A950F

Tetradic

#0F3795

#950F7A

#956D0F

#0F952A

Color Blindness Simulation

Original

#0F3795

Protanopia

#20217E

Deuteranopia

#1E1B79

Tritanopia

#116C68

Achromatopsia

#353535

CSS Usage

background-color: #0F3795;
color: #0F3795;
border-color: #0F3795;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F5FD
100
#E1E8FA
200
#BED0F8
300
#90AEF4
400
#5482EE
500
#1755E8
600
#1344B9
700
#0F3794
800
#0C2B74
900
#0D2254
950
#081635

Contrast Checker

Text on white

10.5:1

AA Pass AAA Pass

Text on black

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