#042ae9 hex color

In a RGB color space, hex #042ae9 is composed of 1.6% red, 16.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 82% magenta, 0% yellow and 8.6% black. It has a hue angle of 230 degrees, a saturation of 96.6% and a lightness of 46.5%. #042ae9 color hex could be obtained by blending #0854ff with #0000d3. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 16
- B 91
RGB color chart
- C 98
- M 82
- Y 0
- K 9
CMYK color chart

● #042ae9 color description : Vivid blue.

The hexadecimal color #042ae9 has RGB values of R:4, G:42, B:233 and CMYK values of C:0.98, M:0.82, Y:0, K:0.09. Its decimal value is 273129.

Hex triplet	042ae9	`#042ae9`
RGB Decimal	4, 42, 233	`rgb(4,42,233)`
RGB Percent	1.6, 16.5, 91.4	`rgb(1.6%,16.5%,91.4%)`
CMYK	98, 82, 0, 9
HSL	230°, 96.6, 46.5	`hsl(230,96.6%,46.5%)`
HSV (or HSB)	230°, 98.3, 91.4
Web Safe	0033ff	`#0033ff`

CIE-LAB	33.057, 62.205, -94.162
XYZ	15.583, 7.564, 77.725
xyY	0.154, 0.075, 7.564
CIE-LCH	33.057, 112.854, 303.449
CIE-LUV	33.057, -11.067, -120.5
Hunter-Lab	27.502, 53.012, -148.31
Binary	00000100, 00101010, 11101001

#042ae9
```
#042ae9 rgb(4,42,233)
```
#e9c304
```
#e9c304 rgb(233,195,4)
```

Complementary Color

#049de9
```
#049de9 rgb(4,157,233)
```
#042ae9
```
#042ae9 rgb(4,42,233)
```
#5004e9
```
#5004e9 rgb(80,4,233)
```

Analogous Color

#9de904
```
#9de904 rgb(157,233,4)
```
#042ae9
```
#042ae9 rgb(4,42,233)
```
#e95004
```
#e95004 rgb(233,80,4)
```

Split Complementary Color

#2ae904
```
#2ae904 rgb(42,233,4)
```
#042ae9
```
#042ae9 rgb(4,42,233)
```
#e9042a
```
#e9042a rgb(233,4,42)
```

Triadic Color

#04e9c3
```
#04e9c3 rgb(4,233,195)
```
#042ae9
```
#042ae9 rgb(4,42,233)
```
#e9042a
```
#e9042a rgb(233,4,42)
```
#e9c304
```
#e9c304 rgb(233,195,4)
```

Tetradic Color

#031c9e
```
#031c9e rgb(3,28,158)
```
#0321b7
```
#0321b7 rgb(3,33,183)
```
#0425d0
```
#0425d0 rgb(4,37,208)
```
#042ae9
```
#042ae9 rgb(4,42,233)
```
#0c33fb
```
#0c33fb rgb(12,51,251)
```
#2548fb
```
#2548fb rgb(37,72,251)
```
#3e5dfc
```
#3e5dfc rgb(62,93,252)
```

Monochromatic Color

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

#0463e9
```
#0463e9 rgb(4,99,233)
```
#0450e9
```
#0450e9 rgb(4,80,233)
```
#043de9
```
#043de9 rgb(4,61,233)
```
#042ae9
```
#042ae9 rgb(4,42,233)
```
#0417e9
```
#0417e9 rgb(4,23,233)
```
#0404e9
```
#0404e9 rgb(4,4,233)
```
#1704e9
```
#1704e9 rgb(23,4,233)
```

Similar Colors

Text with hexadecimal color #042ae9

This text has a font color of #042ae9.

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

#042ae9 background color

This paragraph has a background color of #042ae9.

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

#042ae9 border color

This element has a border color of #042ae9.

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

CSS codes

.text {color:#042ae9;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000415
```
#000415 rgb(0,4,21)
```
#010728
```
#010728 rgb(1,7,40)
```
#010b3b
```
#010b3b rgb(1,11,59)
```
#010e4f
```
#010e4f rgb(1,14,79)
```
#021262
```
#021262 rgb(2,18,98)
```
#021575
```
#021575 rgb(2,21,117)
```
#021989
```
#021989 rgb(2,25,137)
```
#031c9c
```
#031c9c rgb(3,28,156)
```
#0320af
```
#0320af rgb(3,32,175)
```
#0323c2
```
#0323c2 rgb(3,35,194)
```
#0427d6
```
#0427d6 rgb(4,39,214)
```
#042ae9
```
#042ae9 rgb(4,42,233)
```

Shade Color Variation

#062ffb
```
#062ffb rgb(6,47,251)
```
#193ffb
```
#193ffb rgb(25,63,251)
```
#2c4ffb
```
#2c4ffb rgb(44,79,251)
```
#405ffc
```
#405ffc rgb(64,95,252)
```
#536ffc
```
#536ffc rgb(83,111,252)
```
#667ffc
```
#667ffc rgb(102,127,252)
```
#7a8ffd
```
#7a8ffd rgb(122,143,253)
```
#8d9ffd
```
#8d9ffd rgb(141,159,253)
```
#a0b0fd
```
#a0b0fd rgb(160,176,253)
```
#b3c0fe
```
#b3c0fe rgb(179,192,254)
```
#c7d0fe
```
#c7d0fe rgb(199,208,254)
```
#dae0fe
```
#dae0fe rgb(218,224,254)
```
#edf0ff
```
#edf0ff rgb(237,240,255)
```

Tint Color Variation

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

#71737c
```
#71737c rgb(113,115,124)
```
#686d85
```
#686d85 rgb(104,109,133)
```
#5f678e
```
#5f678e rgb(95,103,142)
```
#566197
```
#566197 rgb(86,97,151)
```
#4d5ba0
```
#4d5ba0 rgb(77,91,160)
```
#4455a9
```
#4455a9 rgb(68,85,169)
```
#3b4fb2
```
#3b4fb2 rgb(59,79,178)
```
#3248bb
```
#3248bb rgb(50,72,187)
```
#2842c5
```
#2842c5 rgb(40,66,197)
```
#1f3cce
```
#1f3cce rgb(31,60,206)
```
#1636d7
```
#1636d7 rgb(22,54,215)
```
#0d30e0
```
#0d30e0 rgb(13,48,224)
```
#042ae9
```
#042ae9 rgb(4,42,233)
```

Tone Color Variation

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

#343434 Achromatopsia 0.005% of the population
#2a3258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a4 Protanopia 1% of men
#00598d Deuteranopia 1% of men
#005f63 Tritanopia 0.001% of the population

Trichromacy

#0145bd Protanomaly 1% of men, 0.01% of women
#0148ae Deuteranomaly 6% of men, 0.4% of women
#014c94 Tritanomaly 0.01% of the population

#042ae9 hex color

#042ae9 Color Information

#042ae9 Color Conversion

Color Schemes with #042ae9

Alternatives to #042ae9

#042ae9 Preview

Shades and Tints of #042ae9

Tones of #042ae9

Color Blindness Simulator