#042ad4 hex color

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

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

● #042ad4 color description : Strong blue.

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

Hex triplet	042ad4	`#042ad4`
RGB Decimal	4, 42, 212	`rgb(4,42,212)`
RGB Percent	1.6, 16.5, 83.1	`rgb(1.6%,16.5%,83.1%)`
CMYK	98, 80, 0, 17
HSL	229°, 96.3, 42.4	`hsl(229,96.3%,42.4%)`
HSV (or HSB)	229°, 98.1, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	30.482, 55.66, -86.385
XYZ	12.759, 6.434, 62.853
xyY	0.156, 0.078, 6.434
CIE-LCH	30.482, 102.764, 302.795
CIE-LUV	30.482, -10.492, -108.541
Hunter-Lab	25.366, 45.398, -129.158
Binary	00000100, 00101010, 11010100

#042ad4
```
#042ad4 rgb(4,42,212)
```
#d4ae04
```
#d4ae04 rgb(212,174,4)
```

Complementary Color

#0492d4
```
#0492d4 rgb(4,146,212)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```
#4604d4
```
#4604d4 rgb(70,4,212)
```

Analogous Color

#92d404
```
#92d404 rgb(146,212,4)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```
#d44604
```
#d44604 rgb(212,70,4)
```

Split Complementary Color

#2ad404
```
#2ad404 rgb(42,212,4)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```
#d4042a
```
#d4042a rgb(212,4,42)
```

Triadic Color

#04d4ae
```
#04d4ae rgb(4,212,174)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```
#d4042a
```
#d4042a rgb(212,4,42)
```
#d4ae04
```
#d4ae04 rgb(212,174,4)
```

Tetradic Color

#031b89
```
#031b89 rgb(3,27,137)
```
#0320a2
```
#0320a2 rgb(3,32,162)
```
#0425bb
```
#0425bb rgb(4,37,187)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```
#042fed
```
#042fed rgb(4,47,237)
```
#113bfb
```
#113bfb rgb(17,59,251)
```
#2a50fb
```
#2a50fb rgb(42,80,251)
```

Monochromatic Color

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

#045ed4
```
#045ed4 rgb(4,94,212)
```
#044dd4
```
#044dd4 rgb(4,77,212)
```
#043bd4
```
#043bd4 rgb(4,59,212)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```
#0419d4
```
#0419d4 rgb(4,25,212)
```
#0407d4
```
#0407d4 rgb(4,7,212)
```
#1204d4
```
#1204d4 rgb(18,4,212)
```

Similar Colors

Text with hexadecimal color #042ad4

This text has a font color of #042ad4.

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

#042ad4 background color

This paragraph has a background color of #042ad4.

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

#042ad4 border color

This element has a border color of #042ad4.

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

CSS codes

.text {color:#042ad4;}

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

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

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, #000000 is the darkest color, while #ecefff is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#000413
```
#000413 rgb(0,4,19)
```
#010827
```
#010827 rgb(1,8,39)
```
#010b3a
```
#010b3a rgb(1,11,58)
```
#010f4d
```
#010f4d rgb(1,15,77)
```
#021360
```
#021360 rgb(2,19,96)
```
#021774
```
#021774 rgb(2,23,116)
```
#031b87
```
#031b87 rgb(3,27,135)
```
#031f9a
```
#031f9a rgb(3,31,154)
```
#0322ad
```
#0322ad rgb(3,34,173)
```
#0426c1
```
#0426c1 rgb(4,38,193)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```
#042ee7
```
#042ee7 rgb(4,46,231)
```

Shade Color Variation

#0532fa
```
#0532fa rgb(5,50,250)
```
#1842fb
```
#1842fb rgb(24,66,251)
```
#2b51fb
```
#2b51fb rgb(43,81,251)
```
#3f61fb
```
#3f61fb rgb(63,97,251)
```
#5271fc
```
#5271fc rgb(82,113,252)
```
#6581fc
```
#6581fc rgb(101,129,252)
```
#7891fc
```
#7891fc rgb(120,145,252)
```
#8ca0fd
```
#8ca0fd rgb(140,160,253)
```
#9fb0fd
```
#9fb0fd rgb(159,176,253)
```
#b2c0fe
```
#b2c0fe rgb(178,192,254)
```
#c5d0fe
```
#c5d0fe rgb(197,208,254)
```
#d9e0fe
```
#d9e0fe rgb(217,224,254)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

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

#686970
```
#686970 rgb(104,105,112)
```
#5f6479
```
#5f6479 rgb(95,100,121)
```
#575f81
```
#575f81 rgb(87,95,129)
```
#4f5989
```
#4f5989 rgb(79,89,137)
```
#465492
```
#465492 rgb(70,84,146)
```
#3e4f9a
```
#3e4f9a rgb(62,79,154)
```
#364aa2
```
#364aa2 rgb(54,74,162)
```
#2e44aa
```
#2e44aa rgb(46,68,170)
```
#253fb3
```
#253fb3 rgb(37,63,179)
```
#1d3abb
```
#1d3abb rgb(29,58,187)
```
#1535c3
```
#1535c3 rgb(21,53,195)
```
#0c2fcc
```
#0c2fcc rgb(12,47,204)
```
#042ad4
```
#042ad4 rgb(4,42,212)
```

Tone Color Variation

Below, you can see how #042ad4 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

#323232 Achromatopsia 0.005% of the population
#293052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f99 Protanopia 1% of men
#005384 Deuteranopia 1% of men
#00595d Tritanopia 0.001% of the population

Trichromacy

#0141ae Protanomaly 1% of men, 0.01% of women
#0144a1 Deuteranomaly 6% of men, 0.4% of women
#014888 Tritanomaly 0.01% of the population

#042ad4 hex color

#042ad4 Color Information

#042ad4 Color Conversion

Color Schemes with #042ad4

Alternatives to #042ad4

#042ad4 Preview

Shades and Tints of #042ad4

Tones of #042ad4

Color Blindness Simulator