#042ef3 hex color

In a RGB color space, hex #042ef3 is composed of 1.6% red, 18% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 81.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 229.5 degrees, a saturation of 96.8% and a lightness of 48.4%. #042ef3 color hex could be obtained by blending #085cff with #0000e7. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 2
- G 18
- B 95
RGB color chart
- C 98
- M 81
- Y 0
- K 5
CMYK color chart

● #042ef3 color description : Vivid blue.

The hexadecimal color #042ef3 has RGB values of R:4, G:46, B:243 and CMYK values of C:0.98, M:0.81, Y:0, K:0.05. Its decimal value is 274163.

Hex triplet	042ef3	`#042ef3`
RGB Decimal	4, 46, 243	`rgb(4,46,243)`
RGB Percent	1.6, 18, 95.3	`rgb(1.6%,18%,95.3%)`
CMYK	98, 81, 0, 5
HSL	229.5°, 96.8, 48.4	`hsl(229.5,96.8%,48.4%)`
HSV (or HSB)	229.5°, 98.4, 95.3
Web Safe	0033ff	`#0033ff`

CIE-LAB	34.902, 63.416, -96.763
XYZ	17.201, 8.449, 85.513
xyY	0.155, 0.076, 8.449
CIE-LCH	34.902, 115.692, 303.24
CIE-LUV	34.902, -11.812, -126.341
Hunter-Lab	29.068, 54.761, -154.074
Binary	00000100, 00101110, 11110011

#042ef3
```
#042ef3 rgb(4,46,243)
```
#f3c904
```
#f3c904 rgb(243,201,4)
```

Complementary Color

#04a6f3
```
#04a6f3 rgb(4,166,243)
```
#042ef3
```
#042ef3 rgb(4,46,243)
```
#5104f3
```
#5104f3 rgb(81,4,243)
```

Analogous Color

#a6f304
```
#a6f304 rgb(166,243,4)
```
#042ef3
```
#042ef3 rgb(4,46,243)
```
#f35104
```
#f35104 rgb(243,81,4)
```

Split Complementary Color

#2ef304
```
#2ef304 rgb(46,243,4)
```
#042ef3
```
#042ef3 rgb(4,46,243)
```
#f3042e
```
#f3042e rgb(243,4,46)
```

Triadic Color

#04f3c9
```
#04f3c9 rgb(4,243,201)
```
#042ef3
```
#042ef3 rgb(4,46,243)
```
#f3042e
```
#f3042e rgb(243,4,46)
```
#f3c904
```
#f3c904 rgb(243,201,4)
```

Tetradic Color

#0320a8
```
#0320a8 rgb(3,32,168)
```
#0325c1
```
#0325c1 rgb(3,37,193)
```
#0429da
```
#0429da rgb(4,41,218)
```
#042ef3
```
#042ef3 rgb(4,46,243)
```
#153efb
```
#153efb rgb(21,62,251)
```
#2e52fc
```
#2e52fc rgb(46,82,252)
```
#4867fc
```
#4867fc rgb(72,103,252)
```

Monochromatic Color

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

#046af3
```
#046af3 rgb(4,106,243)
```
#0456f3
```
#0456f3 rgb(4,86,243)
```
#0442f3
```
#0442f3 rgb(4,66,243)
```
#042ef3
```
#042ef3 rgb(4,46,243)
```
#041af3
```
#041af3 rgb(4,26,243)
```
#0406f3
```
#0406f3 rgb(4,6,243)
```
#1604f3
```
#1604f3 rgb(22,4,243)
```

Similar Colors

Text with hexadecimal color #042ef3

This text has a font color of #042ef3.

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

#042ef3 background color

This paragraph has a background color of #042ef3.

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

#042ef3 border color

This element has a border color of #042ef3.

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

CSS codes

.text {color:#042ef3;}

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

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

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

#00020b
```
#00020b rgb(0,2,11)
```
#01061f
```
#01061f rgb(1,6,31)
```
#010932
```
#010932 rgb(1,9,50)
```
#010d45
```
#010d45 rgb(1,13,69)
```
#011159
```
#011159 rgb(1,17,89)
```
#02146c
```
#02146c rgb(2,20,108)
```
#02187f
```
#02187f rgb(2,24,127)
```
#021c93
```
#021c93 rgb(2,28,147)
```
#031fa6
```
#031fa6 rgb(3,31,166)
```
#0323b9
```
#0323b9 rgb(3,35,185)
```
#0327cc
```
#0327cc rgb(3,39,204)
```
#042ae0
```
#042ae0 rgb(4,42,224)
```
#042ef3
```
#042ef3 rgb(4,46,243)
```

Shade Color Variation

#1039fb
```
#1039fb rgb(16,57,251)
```
#2349fb
```
#2349fb rgb(35,73,251)
```
#3659fc
```
#3659fc rgb(54,89,252)
```
#4969fc
```
#4969fc rgb(73,105,252)
```
#5d79fc
```
#5d79fc rgb(93,121,252)
```
#7089fd
```
#7089fd rgb(112,137,253)
```
#8399fd
```
#8399fd rgb(131,153,253)
```
#97a9fd
```
#97a9fd rgb(151,169,253)
```
#aab9fe
```
#aab9fe rgb(170,185,254)
```
#bdc9fe
```
#bdc9fe rgb(189,201,254)
```
#d1d9fe
```
#d1d9fe rgb(209,217,254)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#767881
```
#767881 rgb(118,120,129)
```
#6d728b
```
#6d728b rgb(109,114,139)
```
#636c94
```
#636c94 rgb(99,108,148)
```
#5a659e
```
#5a659e rgb(90,101,158)
```
#505fa7
```
#505fa7 rgb(80,95,167)
```
#4759b1
```
#4759b1 rgb(71,89,177)
```
#3d53ba
```
#3d53ba rgb(61,83,186)
```
#344dc4
```
#344dc4 rgb(52,77,196)
```
#2a47cd
```
#2a47cd rgb(42,71,205)
```
#2140d7
```
#2140d7 rgb(33,64,215)
```
#173ae0
```
#173ae0 rgb(23,58,224)
```
#0e34ea
```
#0e34ea rgb(14,52,234)
```
#042ef3
```
#042ef3 rgb(4,46,243)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2e365d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#006468 Tritanopia 0.001% of the population

Trichromacy

#0149c5 Protanomaly 1% of men, 0.01% of women
#014cb6 Deuteranomaly 6% of men, 0.4% of women
#01509a Tritanomaly 0.01% of the population

#042ef3 hex color

#042ef3 Color Information

#042ef3 Color Conversion

Color Schemes with #042ef3

Alternatives to #042ef3

#042ef3 Preview

Shades and Tints of #042ef3

Tones of #042ef3

Color Blindness Simulator