#152C47

#152C47

Color Values

HEX

#152C47

RGB

21, 44, 71

HSL

212.4, 54.3%, 18.0%

HSV

212.4, 70.4%, 27.8%

CMYK

70.4%, 38.0%, 0.0%, 72.2%

OKLCH

0.2891 0.0577 253.7

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#152C47

#473015

Analogous

#154547

#171547

#152C47

Triadic

#152C47

#47152C

#2C4715

Split Complementary

#152C47

#471715

#454715

Tetradic

#152C47

#471545

#473015

#154717

Color Blindness Simulation

Original

#152C47

Protanopia

#1F1F40

Deuteranopia

#1E1C3F

Tritanopia

#163B3A

Achromatopsia

#292929

CSS Usage

background-color: #152C47;
color: #152C47;
border-color: #152C47;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8DAEF
300
#A1BFE3
400
#6D9DD4
500
#3A7AC5
600
#2F629D
700
#254E7E
800
#1D3D62
900
#192F48
950
#101D2E

Contrast Checker

Text on white

14.16:1

AA Pass AAA Pass

Text on black

1.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026