#052030

#052030

Color Values

HEX

#052030

RGB

5, 32, 48

HSL

202.3, 81.1%, 10.4%

HSV

202.3, 89.6%, 18.8%

CMYK

89.6%, 33.3%, 0.0%, 81.2%

OKLCH

0.2322 0.0448 238.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#052030

#301505

Analogous

#05302B

#050B30

#052030

Triadic

#052030

#300520

#203005

Split Complementary

#052030

#30050B

#302B05

Tetradic

#052030

#2B0530

#301505

#0B3005

Color Blindness Simulation

Original

#052030

Protanopia

#11112C

Deuteranopia

#0F0D2B

Tritanopia

#062928

Achromatopsia

#1B1B1B

CSS Usage

background-color: #052030;
color: #052030;
border-color: #052030;
Nearest Tailwind: Gray 900 #111827

Tailwind Shades

50
#F2F9FD
100
#E1F0F9
200
#BEE3F8
300
#90CFF3
400
#54B4ED
500
#189AE7
600
#137BB9
700
#0F6394
800
#0C4D73
900
#0D3A54
950
#082435

Contrast Checker

Text on white

16.72:1

AA Pass AAA Pass

Text on black

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