#0033AD

#0033AD

Color Values

HEX

#0033AD

RGB

0, 51, 173

HSL

222.3, 100.0%, 33.9%

HSV

222.3, 100.0%, 67.8%

CMYK

100.0%, 70.5%, 0.0%, 32.2%

OKLCH

0.3919 0.1984 263.0

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#0033AD

#AD7A00

Analogous

#0089AD

#2300AD

#0033AD

Triadic

#0033AD

#AD0033

#33AD00

Split Complementary

#0033AD

#AD2300

#89AD00

Tetradic

#0033AD

#AD0089

#AD7A00

#00AD23

Color Blindness Simulation

Original

#0033AD

Protanopia

#161790

Deuteranopia

#130F88

Tritanopia

#037873

Achromatopsia

#313131

CSS Usage

background-color: #0033AD;
color: #0033AD;
border-color: #0033AD;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CDFF
300
#85A9FF
400
#427AFF
500
#004BFF
600
#003CCC
700
#0030A3
800
#002680
900
#051F5C
950
#03133A

Contrast Checker

Text on white

10.11:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Brands Using This Color

Cardano

Cardano

Cardano Blue

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