#150FAF

#150FAF

Color Values

HEX

#150FAF

RGB

21, 15, 175

HSL

242.2, 84.2%, 37.3%

HSV

242.2, 91.4%, 68.6%

CMYK

88.0%, 91.4%, 0.0%, 31.4%

OKLCH

0.3551 0.2263 267.6

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#150FAF

#A9AF0F

Analogous

#0F59AF

#650FAF

#150FAF

Triadic

#150FAF

#AF150F

#0FAF15

Split Complementary

#150FAF

#AF650F

#59AF0F

Tetradic

#150FAF

#AF0F59

#A9AF0F

#0FAF65

Color Blindness Simulation

Original

#150FAF

Protanopia

#121288

Deuteranopia

#13137F

Tritanopia

#156A63

Achromatopsia

#1C1C1C

CSS Usage

background-color: #150FAF;
color: #150FAF;
border-color: #150FAF;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F2F2FD
100
#E1E0FA
200
#BFBDF9
300
#928EF5
400
#5751F0
500
#1C14EB
600
#1610BC
700
#120D96
800
#0E0A75
900
#0E0C55
950
#090736

Contrast Checker

Text on white

12.21:1

AA Pass AAA Pass

Text on black

1.72:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026