#052C67

#052C67

Color Values

HEX

#052C67

RGB

5, 44, 103

HSL

216.1, 90.7%, 21.2%

HSV

216.1, 95.1%, 40.4%

CMYK

95.1%, 57.3%, 0.0%, 59.6%

OKLCH

0.3084 0.1121 259.4

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#052C67

#674005

Analogous

#055D67

#0F0567

#052C67

Triadic

#052C67

#67052C

#2C6705

Split Complementary

#052C67

#670F05

#5D6705

Tetradic

#052C67

#67055D

#674005

#05670F

Color Blindness Simulation

Original

#052C67

Protanopia

#161659

Deuteranopia

#141155

Tritanopia

#074D4B

Achromatopsia

#282828

CSS Usage

background-color: #052C67;
color: #052C67;
border-color: #052C67;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BBD5FC
300
#8AB7F9
400
#4B8FF6
500
#0C68F3
600
#0953C3
700
#08439C
800
#06347A
900
#092858
950
#061A38

Contrast Checker

Text on white

13.44:1

AA Pass AAA Pass

Text on black

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