#0022CC

#0022CC

Color Values

HEX

#0022CC

RGB

0, 34, 204

HSL

230.0, 100.0%, 40.0%

HSV

230.0, 100.0%, 80.0%

CMYK

100.0%, 83.3%, 0.0%, 20.0%

OKLCH

0.4046 0.2495 264.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0022CC

#CCAA00

Analogous

#0088CC

#4400CC

#0022CC

Triadic

#0022CC

#CC0022

#22CC00

Split Complementary

#0022CC

#CC4400

#88CC00

Tetradic

#0022CC

#CC0088

#CCAA00

#00CC44

Color Blindness Simulation

Original

#0022CC

Protanopia

#0F0FA3

Deuteranopia

#0D0A99

Tritanopia

#02827B

Achromatopsia

#272727

CSS Usage

background-color: #0022CC;
color: #0022CC;
border-color: #0022CC;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C3FF
300
#8599FF
400
#4262FF
500
#002AFF
600
#0022CC
700
#001BA3
800
#001580
900
#05135C
950
#030C3A

Contrast Checker

Text on white

10.0:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026