#052D56

#052D56

Color Values

HEX

#052D56

RGB

5, 45, 86

HSL

210.4, 89.0%, 17.8%

HSV

210.4, 94.2%, 33.7%

CMYK

94.2%, 47.7%, 0.0%, 66.3%

OKLCH

0.2965 0.0855 253.3

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#052D56

#562E05

Analogous

#055556

#060556

#052D56

Triadic

#052D56

#56052D

#2D5605

Split Complementary

#052D56

#560605

#555605

Tetradic

#052D56

#560555

#562E05

#055606

Color Blindness Simulation

Original

#052D56

Protanopia

#16174C

Deuteranopia

#14114A

Tritanopia

#074443

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFB
200
#BCDBFB
300
#8BC1F8
400
#4DA0F5
500
#0E7EF1
600
#0B65C1
700
#09519A
800
#073F78
900
#0A3057
950
#061E37

Contrast Checker

Text on white

13.85:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026