#002ad4 hex color

In a RGB color space, hex #002ad4 is composed of 0% red, 16.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 80.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 228.1 degrees, a saturation of 100% and a lightness of 41.6%. #002ad4 color hex could be obtained by blending #0054ff with #0000a9. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 0
- G 16
- B 83
RGB color chart
- C 100
- M 80
- Y 0
- K 17
CMYK color chart

● #002ad4 color description : Strong blue.

The hexadecimal color #002ad4 has RGB values of R:0, G:42, B:212 and CMYK values of C:1, M:0.8, Y:0, K:0.17. Its decimal value is 10964.

Hex triplet	002ad4	`#002ad4`
RGB Decimal	0, 42, 212	`rgb(0,42,212)`
RGB Percent	0, 16.5, 83.1	`rgb(0%,16.5%,83.1%)`
CMYK	100, 80, 0, 17
HSL	228.1°, 100, 41.6	`hsl(228.1,100%,41.6%)`
HSV (or HSB)	228.1°, 100, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.42, 55.593, -86.491
XYZ	12.709, 6.408, 62.851
xyY	0.155, 0.078, 6.408
CIE-LCH	30.42, 102.816, 302.731
CIE-LUV	30.42, -10.636, -108.513
Hunter-Lab	25.315, 45.315, -129.484
Binary	00000000, 00101010, 11010100

#002ad4
```
#002ad4 rgb(0,42,212)
```
#d4aa00
```
#d4aa00 rgb(212,170,0)
```

Complementary Color

#0094d4
```
#0094d4 rgb(0,148,212)
```
#002ad4
```
#002ad4 rgb(0,42,212)
```
#4000d4
```
#4000d4 rgb(64,0,212)
```

Analogous Color

#94d400
```
#94d400 rgb(148,212,0)
```
#002ad4
```
#002ad4 rgb(0,42,212)
```
#d44000
```
#d44000 rgb(212,64,0)
```

Split Complementary Color

#2ad400
```
#2ad400 rgb(42,212,0)
```
#002ad4
```
#002ad4 rgb(0,42,212)
```
#d4002a
```
#d4002a rgb(212,0,42)
```

Triadic Color

#00d4aa
```
#00d4aa rgb(0,212,170)
```
#002ad4
```
#002ad4 rgb(0,42,212)
```
#d4002a
```
#d4002a rgb(212,0,42)
```
#d4aa00
```
#d4aa00 rgb(212,170,0)
```

Tetradic Color

#001b88
```
#001b88 rgb(0,27,136)
```
#0020a1
```
#0020a1 rgb(0,32,161)
```
#0025bb
```
#0025bb rgb(0,37,187)
```
#002ad4
```
#002ad4 rgb(0,42,212)
```
#002fee
```
#002fee rgb(0,47,238)
```
#0839ff
```
#0839ff rgb(8,57,255)
```
#224dff
```
#224dff rgb(34,77,255)
```

Monochromatic Color

Below, you can see some colors close to #002ad4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#005fd4
```
#005fd4 rgb(0,95,212)
```
#004dd4
```
#004dd4 rgb(0,77,212)
```
#003cd4
```
#003cd4 rgb(0,60,212)
```
#002ad4
```
#002ad4 rgb(0,42,212)
```
#0018d4
```
#0018d4 rgb(0,24,212)
```
#0007d4
```
#0007d4 rgb(0,7,212)
```
#0b00d4
```
#0b00d4 rgb(11,0,212)
```

Similar Colors

Text with hexadecimal color #002ad4

This text has a font color of #002ad4.

<span style="color:#002ad4;">Text here</span>

#002ad4 background color

This paragraph has a background color of #002ad4.

<p style="background-color:#002ad4;">Content here</p>

#002ad4 border color

This element has a border color of #002ad4.

<div style="border:1px solid #002ad4;">Content here</div>

CSS codes

.text {color:#002ad4;}

.background {background-color:#002ad4;}

.border {border:1px solid #002ad4;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000310 is the darkest color, while #fbfcff is the lightest one.

#000310
```
#000310 rgb(0,3,16)
```
#000723
```
#000723 rgb(0,7,35)
```
#000b37
```
#000b37 rgb(0,11,55)
```
#000f4b
```
#000f4b rgb(0,15,75)
```
#00135e
```
#00135e rgb(0,19,94)
```
#001772
```
#001772 rgb(0,23,114)
```
#001a86
```
#001a86 rgb(0,26,134)
```
#001e99
```
#001e99 rgb(0,30,153)
```
#0022ad
```
#0022ad rgb(0,34,173)
```
#0026c0
```
#0026c0 rgb(0,38,192)
```
#002ad4
```
#002ad4 rgb(0,42,212)
```
#002ee8
```
#002ee8 rgb(0,46,232)
```
#0032fb
```
#0032fb rgb(0,50,251)
```

Shade Color Variation

#103fff
```
#103fff rgb(16,63,255)
```
#234fff
```
#234fff rgb(35,79,255)
```
#375fff
```
#375fff rgb(55,95,255)
```
#4b6eff
```
#4b6eff rgb(75,110,255)
```
#5e7eff
```
#5e7eff rgb(94,126,255)
```
#728eff
```
#728eff rgb(114,142,255)
```
#869eff
```
#869eff rgb(134,158,255)
```
#99adff
```
#99adff rgb(153,173,255)
```
#adbdff
```
#adbdff rgb(173,189,255)
```
#c0cdff
```
#c0cdff rgb(192,205,255)
```
#d4ddff
```
#d4ddff rgb(212,221,255)
```
#e8ecff
```
#e8ecff rgb(232,236,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626572 is the less saturated color, while #002ad4 is the most saturated one.

#626572
```
#626572 rgb(98,101,114)
```
#5a607a
```
#5a607a rgb(90,96,122)
```
#525b82
```
#525b82 rgb(82,91,130)
```
#49568b
```
#49568b rgb(73,86,139)
```
#415193
```
#415193 rgb(65,81,147)
```
#394c9b
```
#394c9b rgb(57,76,155)
```
#3148a3
```
#3148a3 rgb(49,72,163)
```
#2943ab
```
#2943ab rgb(41,67,171)
```
#213eb3
```
#213eb3 rgb(33,62,179)
```
#1839bc
```
#1839bc rgb(24,57,188)
```
#1034c4
```
#1034c4 rgb(16,52,196)
```
#082fcc
```
#082fcc rgb(8,47,204)
```
#002ad4
```
#002ad4 rgb(0,42,212)
```

Tone Color Variation

Below, you can see how #002ad4 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#313131 Achromatopsia 0.005% of the population
#273052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595c Tritanopia 0.001% of the population

Trichromacy

#0041ae Protanomaly 1% of men, 0.01% of women
#0044a1 Deuteranomaly 6% of men, 0.4% of women
#004888 Tritanomaly 0.01% of the population

#002ad4 hex color

#002ad4 Color Information

#002ad4 Color Conversion

Color Schemes with #002ad4

Alternatives to #002ad4

#002ad4 Preview

Shades and Tints of #002ad4

Tones of #002ad4

Color Blindness Simulator