#021FA1

#021FA1

Color Values

HEX

#021FA1

RGB

2, 31, 161

HSL

229.1, 97.5%, 32.0%

HSV

229.1, 98.8%, 63.1%

CMYK

98.8%, 80.7%, 0.0%, 36.9%

OKLCH

0.3477 0.2037 264.4

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#021FA1

#A18402

Analogous

#026FA1

#3502A1

#021FA1

Triadic

#021FA1

#A1021F

#1FA102

Split Complementary

#021FA1

#A13502

#6FA102

Tetradic

#021FA1

#A1026F

#A18402

#02A135

Color Blindness Simulation

Original

#021FA1

Protanopia

#0F0F82

Deuteranopia

#0D0B7A

Tritanopia

#036963

Achromatopsia

#222222

CSS Usage

background-color: #021FA1;
color: #021FA1;
border-color: #021FA1;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F3FE
100
#DEE4FC
200
#B8C5FE
300
#869CFD
400
#4566FD
500
#0330FC
600
#0327C9
700
#021FA1
800
#02187E
900
#06155B
950
#040E39

Contrast Checker

Text on white

12.26:1

AA Pass AAA Pass

Text on black

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