#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026