#0227A2

#0227A2

Color Values

HEX

#0227A2

RGB

2, 39, 162

HSL

226.1, 97.6%, 32.2%

HSV

226.1, 98.8%, 63.5%

CMYK

98.8%, 75.9%, 0.0%, 36.5%

OKLCH

0.3603 0.1974 264.0

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#0227A2

#A27D02

Analogous

#0277A2

#2D02A2

#0227A2

Triadic

#0227A2

#A20227

#27A202

Split Complementary

#0227A2

#A22D02

#77A202

Tetradic

#0227A2

#A20277

#A27D02

#02A22D

Color Blindness Simulation

Original

#0227A2

Protanopia

#121284

Deuteranopia

#100D7D

Tritanopia

#046D68

Achromatopsia

#282828

CSS Usage

background-color: #0227A2;
color: #0227A2;
border-color: #0227A2;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F4FE
100
#DEE5FC
200
#B8C9FE
300
#86A2FE
400
#456FFD
500
#033DFC
600
#0231CA
700
#0227A1
800
#021E7E
900
#061A5B
950
#041039

Contrast Checker

Text on white

11.57:1

AA Pass AAA Pass

Text on black

1.81:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026