#052CFA

#052CFA

Color Values

HEX

#052CFA

RGB

5, 44, 250

HSL

230.4, 96.1%, 50.0%

HSV

230.4, 98.0%, 98.0%

CMYK

98.0%, 82.4%, 0.0%, 2.0%

OKLCH

0.472 0.2904 264.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#052CFA

#FAD305

Analogous

#05A7FA

#5805FA

#052CFA

Triadic

#052CFA

#FA052C

#2CFA05

Split Complementary

#052CFA

#FA5805

#A7FA05

Tetradic

#052CFA

#FA05A7

#FAD305

#05FA58

Color Blindness Simulation

Original

#052CFA

Protanopia

#1616C8

Deuteranopia

#1411BC

Tritanopia

#07A198

Achromatopsia

#333333

CSS Usage

background-color: #052CFA;
color: #052CFA;
border-color: #052CFA;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F3FE
100
#DFE3FC
200
#B9C4FE
300
#879AFD
400
#4663FB
500
#052CFA
600
#0423C8
700
#031CA0
800
#02167D
900
#07145A
950
#040D39

Contrast Checker

Text on white

7.64:1

AA Pass AAA Pass

Text on black

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