#152D56

#152D56

Color Values

HEX

#152D56

RGB

21, 45, 86

HSL

217.8, 60.7%, 21.0%

HSV

217.8, 75.6%, 33.7%

CMYK

75.6%, 47.7%, 0.0%, 66.3%

OKLCH

0.3023 0.0801 260.4

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#152D56

#563E15

Analogous

#154E56

#1D1556

#152D56

Triadic

#152D56

#56152D

#2D5615

Split Complementary

#152D56

#561D15

#4E5615

Tetradic

#152D56

#56154E

#563E15

#15561D

Color Blindness Simulation

Original

#152D56

Protanopia

#1F204C

Deuteranopia

#1E1C4A

Tritanopia

#164443

Achromatopsia

#2B2B2B

CSS Usage

background-color: #152D56;
color: #152D56;
border-color: #152D56;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F6FB
100
#E4EBF6
200
#C6D6F1
300
#9DB8E7
400
#6792DA
500
#326BCD
600
#2856A4
700
#204583
800
#193666
900
#162A4B
950
#0E1A2F

Contrast Checker

Text on white

13.62:1

AA Pass AAA Pass

Text on black

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