#042ade hex color

In a RGB color space, hex #042ade is composed of 1.6% red, 16.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 81.1% magenta, 0% yellow and 12.9% black. It has a hue angle of 229.5 degrees, a saturation of 96.5% and a lightness of 44.3%. #042ade color hex could be obtained by blending #0854ff with #0000bd. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 2
- G 16
- B 87
RGB color chart
- C 98
- M 81
- Y 0
- K 13
CMYK color chart

● #042ade color description : Vivid blue.

The hexadecimal color #042ade has RGB values of R:4, G:42, B:222 and CMYK values of C:0.98, M:0.81, Y:0, K:0.13. Its decimal value is 273118.

Hex triplet	042ade	`#042ade`
RGB Decimal	4, 42, 222	`rgb(4,42,222)`
RGB Percent	1.6, 16.5, 87.1	`rgb(1.6%,16.5%,87.1%)`
CMYK	98, 81, 0, 13
HSL	229.5°, 96.5, 44.3	`hsl(229.5,96.5%,44.3%)`
HSV (or HSB)	229.5°, 98.2, 87.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	31.703, 58.819, -90.124
XYZ	14.06, 6.955, 69.705
xyY	0.155, 0.077, 6.955
CIE-LCH	31.703, 107.62, 303.13
CIE-LUV	31.703, -10.76, -114.252
Hunter-Lab	26.371, 49.019, -138.254
Binary	00000100, 00101010, 11011110

#042ade
```
#042ade rgb(4,42,222)
```
#deb804
```
#deb804 rgb(222,184,4)
```

Complementary Color

#0497de
```
#0497de rgb(4,151,222)
```
#042ade
```
#042ade rgb(4,42,222)
```
#4b04de
```
#4b04de rgb(75,4,222)
```

Analogous Color

#97de04
```
#97de04 rgb(151,222,4)
```
#042ade
```
#042ade rgb(4,42,222)
```
#de4b04
```
#de4b04 rgb(222,75,4)
```

Split Complementary Color

#2ade04
```
#2ade04 rgb(42,222,4)
```
#042ade
```
#042ade rgb(4,42,222)
```
#de042a
```
#de042a rgb(222,4,42)
```

Triadic Color

#04deb8
```
#04deb8 rgb(4,222,184)
```
#042ade
```
#042ade rgb(4,42,222)
```
#de042a
```
#de042a rgb(222,4,42)
```
#deb804
```
#deb804 rgb(222,184,4)
```

Tetradic Color

#031c93
```
#031c93 rgb(3,28,147)
```
#0321ac
```
#0321ac rgb(3,33,172)
```
#0425c5
```
#0425c5 rgb(4,37,197)
```
#042ade
```
#042ade rgb(4,42,222)
```
#042ff7
```
#042ff7 rgb(4,47,247)
```
#1a41fb
```
#1a41fb rgb(26,65,251)
```
#3356fb
```
#3356fb rgb(51,86,251)
```

Monochromatic Color

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

#0461de
```
#0461de rgb(4,97,222)
```
#044ede
```
#044ede rgb(4,78,222)
```
#043cde
```
#043cde rgb(4,60,222)
```
#042ade
```
#042ade rgb(4,42,222)
```
#0418de
```
#0418de rgb(4,24,222)
```
#0406de
```
#0406de rgb(4,6,222)
```
#1504de
```
#1504de rgb(21,4,222)
```

Similar Colors

Text with hexadecimal color #042ade

This text has a font color of #042ade.

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

#042ade background color

This paragraph has a background color of #042ade.

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

#042ade border color

This element has a border color of #042ade.

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

CSS codes

.text {color:#042ade;}

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

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

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, #00020a is the darkest color, while #f6f7ff is the lightest one.

#00020a
```
#00020a rgb(0,2,10)
```
#01061d
```
#01061d rgb(1,6,29)
```
#010931
```
#010931 rgb(1,9,49)
```
#010d44
```
#010d44 rgb(1,13,68)
```
#021057
```
#021057 rgb(2,16,87)
```
#02146a
```
#02146a rgb(2,20,106)
```
#02187e
```
#02187e rgb(2,24,126)
```
#031b91
```
#031b91 rgb(3,27,145)
```
#031fa4
```
#031fa4 rgb(3,31,164)
```
#0323b7
```
#0323b7 rgb(3,35,183)
```
#0426cb
```
#0426cb rgb(4,38,203)
```
#042ade
```
#042ade rgb(4,42,222)
```
#042ef1
```
#042ef1 rgb(4,46,241)
```

Shade Color Variation

#0f38fb
```
#0f38fb rgb(15,56,251)
```
#2248fb
```
#2248fb rgb(34,72,251)
```
#3558fb
```
#3558fb rgb(53,88,251)
```
#4868fc
```
#4868fc rgb(72,104,252)
```
#5c78fc
```
#5c78fc rgb(92,120,252)
```
#6f88fc
```
#6f88fc rgb(111,136,252)
```
#8298fd
```
#8298fd rgb(130,152,253)
```
#95a8fd
```
#95a8fd rgb(149,168,253)
```
#a9b7fd
```
#a9b7fd rgb(169,183,253)
```
#bcc7fe
```
#bcc7fe rgb(188,199,254)
```
#cfd7fe
```
#cfd7fe rgb(207,215,254)
```
#e3e7fe
```
#e3e7fe rgb(227,231,254)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

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

#6c6e76
```
#6c6e76 rgb(108,110,118)
```
#64687e
```
#64687e rgb(100,104,126)
```
#5b6387
```
#5b6387 rgb(91,99,135)
```
#525d90
```
#525d90 rgb(82,93,144)
```
#4a5798
```
#4a5798 rgb(74,87,152)
```
#4152a1
```
#4152a1 rgb(65,82,161)
```
#384caa
```
#384caa rgb(56,76,170)
```
#2f46b3
```
#2f46b3 rgb(47,70,179)
```
#2741bb
```
#2741bb rgb(39,65,187)
```
#1e3bc4
```
#1e3bc4 rgb(30,59,196)
```
#1535cd
```
#1535cd rgb(21,53,205)
```
#0d30d5
```
#0d30d5 rgb(13,48,213)
```
#042ade
```
#042ade rgb(4,42,222)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2a3155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#0143b5 Protanomaly 1% of men, 0.01% of women
#0146a7 Deuteranomaly 6% of men, 0.4% of women
#014a8d Tritanomaly 0.01% of the population

#042ade hex color

#042ade Color Information

#042ade Color Conversion

Color Schemes with #042ade

Alternatives to #042ade

#042ade Preview

Shades and Tints of #042ade

Tones of #042ade

Color Blindness Simulator