#151B6F

#151B6F

Color Values

HEX

#151B6F

RGB

21, 27, 111

HSL

236,0, 68,2%, 25,9%

HSV

236,0, 81,1%, 43,5%

CMYK

81,1%, 75,7%, 0,0%, 56,5%

OKLCH

0,2878 0,1412 270,5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#151B6F

#6F6915

Analogous

#15486F

#3C156F

#151B6F

Triadic

#151B6F

#6F151B

#1B6F15

Split Complementary

#151B6F

#6F3C15

#486F15

Tetradic

#151B6F

#6F1548

#6F6915

#156F3C

Color Blindness Simulation

Original

#151B6F

Protanopia

#18185B

Deuteranopia

#171756

Tritanopia

#154B47

Achromatopsia

#202020

CSS Usage

background-color: #151B6F;
color: #151B6F;
border-color: #151B6F;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F3F4FC
100
#E3E4F7
200
#C3C6F4
300
#989EEC
400
#6069E1
500
#2934D6
600
#202AAC
700
#1A2189
800
#141A6B
900
#13174E
950
#0C0E31

Contrast Checker

Text on white

14,81:1

AA Pass AAA Pass

Text on black

1,42: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