#032AC9

#032AC9

Color Values

HEX

#032AC9

RGB

3, 42, 201

HSL

228.2, 97.1%, 40.0%

HSV

228.2, 98.5%, 78.8%

CMYK

98.5%, 79.1%, 0.0%, 21.2%

OKLCH

0.4108 0.2396 264.3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#032AC9

#C9A203

Analogous

#038DC9

#3F03C9

#032AC9

Triadic

#032AC9

#C9032A

#2AC903

Split Complementary

#032AC9

#C93F03

#8DC903

Tetradic

#032AC9

#C9038D

#C9A203

#03C93F

Color Blindness Simulation

Original

#032AC9

Protanopia

#1414A3

Deuteranopia

#120F99

Tritanopia

#05847D

Achromatopsia

#2D2D2D

CSS Usage

background-color: #032AC9;
color: #032AC9;
border-color: #032AC9;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B9C6FE
300
#869EFD
400
#4569FC
500
#0434FB
600
#032AC9
700
#0222A1
800
#021A7E
900
#06175B
950
#040E39

Contrast Checker

Text on white

9.64:1

AA Pass AAA Pass

Text on black

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