#3a42e8 hex color

In a RGB color space, hex #3a42e8 is composed of 22.7% red, 25.9% green and 91% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 71.6% magenta, 0% yellow and 9% black. It has a hue angle of 237.2 degrees, a saturation of 79.1% and a lightness of 56.9%. #3a42e8 color hex could be obtained by blending #7484ff with #0000d1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 26
- B 91
RGB color chart
- C 75
- M 72
- Y 0
- K 9
CMYK color chart

● #3a42e8 color description : Bright blue.

The hexadecimal color #3a42e8 has RGB values of R:58, G:66, B:232 and CMYK values of C:0.75, M:0.72, Y:0, K:0.09. Its decimal value is 3818216.

Hex triplet	3a42e8	`#3a42e8`
RGB Decimal	58, 66, 232	`rgb(58,66,232)`
RGB Percent	22.7, 25.9, 91	`rgb(22.7%,25.9%,91%)`
CMYK	75, 72, 0, 9
HSL	237.2°, 79.1, 56.9	`hsl(237.2,79.1%,56.9%)`
HSV (or HSB)	237.2°, 75, 91
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.935, 51.698, -83.8
XYZ	18.256, 10.621, 77.427
xyY	0.172, 0.1, 10.621
CIE-LCH	38.935, 98.464, 301.671
CIE-LUV	38.935, -9.957, -119
Hunter-Lab	32.59, 42.957, -118.049
Binary	00111010, 01000010, 11101000

#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#e8e03a
```
#e8e03a rgb(232,224,58)
```

Complementary Color

#3a99e8
```
#3a99e8 rgb(58,153,232)
```
#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#893ae8
```
#893ae8 rgb(137,58,232)
```

Analogous Color

#99e83a
```
#99e83a rgb(153,232,58)
```
#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#e8893a
```
#e8893a rgb(232,137,58)
```

Split Complementary Color

#42e83a
```
#42e83a rgb(66,232,58)
```
#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#e83a42
```
#e83a42 rgb(232,58,66)
```

Triadic Color

#3ae8e0
```
#3ae8e0 rgb(58,232,224)
```
#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#e83a42
```
#e83a42 rgb(232,58,66)
```
#e8e03a
```
#e8e03a rgb(232,224,58)
```

Tetradic Color

#161ebf
```
#161ebf rgb(22,30,191)
```
#1922d6
```
#1922d6 rgb(25,34,214)
```
#232ce5
```
#232ce5 rgb(35,44,229)
```
#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#5158eb
```
#5158eb rgb(81,88,235)
```
#686eed
```
#686eed rgb(104,110,237)
```
#7f84f0
```
#7f84f0 rgb(127,132,240)
```

Monochromatic Color

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

#3a6ee8
```
#3a6ee8 rgb(58,110,232)
```
#3a5fe8
```
#3a5fe8 rgb(58,95,232)
```
#3a51e8
```
#3a51e8 rgb(58,81,232)
```
#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#413ae8
```
#413ae8 rgb(65,58,232)
```
#4f3ae8
```
#4f3ae8 rgb(79,58,232)
```
#5e3ae8
```
#5e3ae8 rgb(94,58,232)
```

Similar Colors

Text with hexadecimal color #3a42e8

This text has a font color of #3a42e8.

<span style="color:#3a42e8;">Text here</span>

#3a42e8 background color

This paragraph has a background color of #3a42e8.

<p style="background-color:#3a42e8;">Content here</p>

#3a42e8 border color

This element has a border color of #3a42e8.

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

CSS codes

.text {color:#3a42e8;}

.background {background-color:#3a42e8;}

.border {border:1px solid #3a42e8;}

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, #02020e is the darkest color, while #fbfbff is the lightest one.

#02020e
```
#02020e rgb(2,2,14)
```
#04051f
```
#04051f rgb(4,5,31)
```
#060831
```
#060831 rgb(6,8,49)
```
#080a42
```
#080a42 rgb(8,10,66)
```
#0a0d54
```
#0a0d54 rgb(10,13,84)
```
#0c1066
```
#0c1066 rgb(12,16,102)
```
#0e1377
```
#0e1377 rgb(14,19,119)
```
#101689
```
#101689 rgb(16,22,137)
```
#12189a
```
#12189a rgb(18,24,154)
```
#141bac
```
#141bac rgb(20,27,172)
```
#161ebd
```
#161ebd rgb(22,30,189)
```
#1821cf
```
#1821cf rgb(24,33,207)
```
#1a23e1
```
#1a23e1 rgb(26,35,225)
```

Shade Color Variation

#2831e6
```
#2831e6 rgb(40,49,230)
```
#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#4c53ea
```
#4c53ea rgb(76,83,234)
```
#5d64ec
```
#5d64ec rgb(93,100,236)
```
#6f75ee
```
#6f75ee rgb(111,117,238)
```
#8085f0
```
#8085f0 rgb(128,133,240)
```
#9296f2
```
#9296f2 rgb(146,150,242)
```
#a3a7f4
```
#a3a7f4 rgb(163,167,244)
```
#b5b8f6
```
#b5b8f6 rgb(181,184,246)
```
#c7c9f8
```
#c7c9f8 rgb(199,201,248)
```
#d8dafa
```
#d8dafa rgb(216,218,250)
```
#eaebfd
```
#eaebfd rgb(234,235,253)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f93 is the less saturated color, while #2933f9 is the most saturated one.

#8f8f93
```
#8f8f93 rgb(143,143,147)
```
#86879c
```
#86879c rgb(134,135,156)
```
#7e7fa4
```
#7e7fa4 rgb(126,127,164)
```
#7578ad
```
#7578ad rgb(117,120,173)
```
#6d70b5
```
#6d70b5 rgb(109,112,181)
```
#6468be
```
#6468be rgb(100,104,190)
```
#5c61c6
```
#5c61c6 rgb(92,97,198)
```
#5359cf
```
#5359cf rgb(83,89,207)
```
#4b51d7
```
#4b51d7 rgb(75,81,215)
```
#424ae0
```
#424ae0 rgb(66,74,224)
```
#3a42e8
```
#3a42e8 rgb(58,66,232)
```
#323af0
```
#323af0 rgb(50,58,240)
```
#2933f9
```
#2933f9 rgb(41,51,249)
```

Tone Color Variation

Below, you can see how #3a42e8 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

#535353 Achromatopsia 0.005% of the population
#4e5071 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#1555cc Protanomaly 1% of men, 0.01% of women
#1559bc Deuteranomaly 6% of men, 0.4% of women
#155e9e Tritanomaly 0.01% of the population

#3a42e8 hex color

#3a42e8 Color Information

#3a42e8 Color Conversion

Color Schemes with #3a42e8

Alternatives to #3a42e8

#3a42e8 Preview

Shades and Tints of #3a42e8

Tones of #3a42e8

Color Blindness Simulator