#052AC7

#052AC7

Color Values

HEX

#052AC7

RGB

5, 42, 199

HSL

228.6, 95.1%, 40.0%

HSV

228.6, 97.5%, 78.0%

CMYK

97.5%, 78.9%, 0.0%, 22.0%

OKLCH

0.4087 0.2371 264.5

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#052AC7

#C7A205

Analogous

#058BC7

#4105C7

#052AC7

Triadic

#052AC7

#C7052A

#2AC705

Split Complementary

#052AC7

#C74105

#8BC705

Tetradic

#052AC7

#C7058B

#C7A205

#05C741

Color Blindness Simulation

Original

#052AC7

Protanopia

#1515A1

Deuteranopia

#131098

Tritanopia

#07837C

Achromatopsia

#2D2D2D

CSS Usage

background-color: #052AC7;
color: #052AC7;
border-color: #052AC7;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FE
100
#DFE4FC
200
#B9C6FD
300
#889EFC
400
#4769FA
500
#0634F9
600
#052AC7
700
#04219F
800
#031A7C
900
#07175A
950
#040E39

Contrast Checker

Text on white

9.71:1

AA Pass AAA Pass

Text on black

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