#151C42

#151C42

Color Values

HEX

#151C42

RGB

21, 28, 66

HSL

230.7, 51.7%, 17.1%

HSV

230.7, 68.2%, 25.9%

CMYK

68.2%, 57.6%, 0.0%, 74.1%

OKLCH

0.2442 0.0721 272.2

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#151C42

#423B15

Analogous

#153342

#251542

#151C42

Triadic

#151C42

#42151C

#1C4215

Split Complementary

#151C42

#422515

#334215

Tetradic

#151C42

#421533

#423B15

#154225

Color Blindness Simulation

Original

#151C42

Protanopia

#181839

Deuteranopia

#181737

Tritanopia

#153230

Achromatopsia

#1D1D1D

CSS Usage

background-color: #151C42;
color: #151C42;
border-color: #151C42;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F5FB
100
#E5E8F5
200
#C9CFEE
300
#A2ACE1
400
#707FD1
500
#3E52C1
600
#31429B
700
#27347C
800
#1F2961
900
#1A2147
950
#10152D

Contrast Checker

Text on white

16.45:1

AA Pass AAA Pass

Text on black

1.28:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026