#052F50

#052F50

Color Values

HEX

#052F50

RGB

5, 47, 80

HSL

206.4, 88.2%, 16.7%

HSV

206.4, 93.8%, 31.4%

CMYK

93.7%, 41.2%, 0.0%, 68.6%

OKLCH

0.2974 0.0742 247.8

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#052F50

#502605

Analogous

#05504C

#050A50

#052F50

Triadic

#052F50

#50052F

#2F5005

Split Complementary

#052F50

#50050A

#504C05

Tetradic

#052F50

#4C0550

#502605

#0A5005

Color Blindness Simulation

Original

#052F50

Protanopia

#171848

Deuteranopia

#151246

Tritanopia

#074240

Achromatopsia

#282828

CSS Usage

background-color: #052F50;
color: #052F50;
border-color: #052F50;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F2F8FD
100
#E0EFFB
200
#BCDFFB
300
#8CC8F8
400
#4DABF4
500
#0F8DF0
600
#0C71C0
700
#0A5A9A
800
#084678
900
#0A3557
950
#062237

Contrast Checker

Text on white

13.74:1

AA Pass AAA Pass

Text on black

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