#0033CC

#0033CC

Color Values

HEX

#0033CC

RGB

0, 51, 204

HSL

225.0, 100.0%, 40.0%

HSV

225.0, 100.0%, 80.0%

CMYK

100.0%, 75.0%, 0.0%, 20.0%

OKLCH

0.4261 0.2353 263.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#0033CC

#CC9900

Analogous

#0099CC

#3300CC

#0033CC

Triadic

#0033CC

#CC0033

#33CC00

Split Complementary

#0033CC

#CC3300

#99CC00

Tetradic

#0033CC

#CC0099

#CC9900

#00CC33

Color Blindness Simulation

Original

#0033CC

Protanopia

#1617A7

Deuteranopia

#130F9E

Tritanopia

#038A83

Achromatopsia

#333333

CSS Usage

background-color: #0033CC;
color: #0033CC;
border-color: #0033CC;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F1F4FE
100
#DEE6FC
200
#B8C9FF
300
#85A3FF
400
#4271FF
500
#0040FF
600
#0033CC
700
#0029A3
800
#002080
900
#051B5C
950
#03113A

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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