#032BC9

#032BC9

Color Values

HEX

#032BC9

RGB

3, 43, 201

HSL

227,9, 97,1%, 40,0%

HSV

227,9, 98,5%, 78,8%

CMYK

98,5%, 78,6%, 0,0%, 21,2%

OKLCH

0,4121 0,2388 264,3

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#032BC9

#C9A103

Analogous

#038EC9

#3E03C9

#032BC9

Triadic

#032BC9

#C9032B

#2BC903

Split Complementary

#032BC9

#C93E03

#8EC903

Tetradic

#032BC9

#C9038E

#C9A103

#03C93E

Color Blindness Simulation

Original

#032BC9

Protanopia

#1415A3

Deuteranopia

#120F9A

Tritanopia

#05857E

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F1F4FE
100
#DEE4FC
200
#B9C7FE
300
#869EFD
400
#456AFC
500
#0436FB
600
#032BC9
700
#0222A1
800
#021B7E
900
#06175B
950
#040F39

Contrast Checker

Text on white

9,58:1

AA Pass AAA Pass

Text on black

2,19: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