#3a02e4 hex color

In a RGB color space, hex #3a02e4 is composed of 22.7% red, 0.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 99.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 254.9 degrees, a saturation of 98.3% and a lightness of 45.1%. #3a02e4 color hex could be obtained by blending #7404ff with #0000c9. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 23
- G 1
- B 89
RGB color chart
- C 75
- M 99
- Y 0
- K 11
CMYK color chart

● #3a02e4 color description : Vivid blue.

The hexadecimal color #3a02e4 has RGB values of R:58, G:2, B:228 and CMYK values of C:0.75, M:0.99, Y:0, K:0.11. Its decimal value is 3801828.

Hex triplet	3a02e4	`#3a02e4`
RGB Decimal	58, 2, 228	`rgb(58,2,228)`
RGB Percent	22.7, 0.8, 89.4	`rgb(22.7%,0.8%,89.4%)`
CMYK	75, 99, 0, 11
HSL	254.9°, 98.3, 45.1	`hsl(254.9,98.3%,45.1%)`
HSV (or HSB)	254.9°, 99.1, 89.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	30.744, 73.25, -95.11
XYZ	15.768, 6.544, 73.827
xyY	0.164, 0.068, 6.544
CIE-LCH	30.744, 120.048, 307.602
CIE-LUV	30.744, -3.915, -117.005
Hunter-Lab	25.58, 65.261, -153.209
Binary	00111010, 00000010, 11100100

#3a02e4
```
#3a02e4 rgb(58,2,228)
```
#ace402
```
#ace402 rgb(172,228,2)
```

Complementary Color

#023be4
```
#023be4 rgb(2,59,228)
```
#3a02e4
```
#3a02e4 rgb(58,2,228)
```
#ab02e4
```
#ab02e4 rgb(171,2,228)
```

Analogous Color

#3be402
```
#3be402 rgb(59,228,2)
```
#3a02e4
```
#3a02e4 rgb(58,2,228)
```
#e4ab02
```
#e4ab02 rgb(228,171,2)
```

Split Complementary Color

#02e43a
```
#02e43a rgb(2,228,58)
```
#3a02e4
```
#3a02e4 rgb(58,2,228)
```
#e43a02
```
#e43a02 rgb(228,58,2)
```

Triadic Color

#02ace4
```
#02ace4 rgb(2,172,228)
```
#3a02e4
```
#3a02e4 rgb(58,2,228)
```
#e43a02
```
#e43a02 rgb(228,58,2)
```
#ace402
```
#ace402 rgb(172,228,2)
```

Tetradic Color

#270198
```
#270198 rgb(39,1,152)
```
#2d02b1
```
#2d02b1 rgb(45,2,177)
```
#3402cb
```
#3402cb rgb(52,2,203)
```
#3a02e4
```
#3a02e4 rgb(58,2,228)
```
#4103fd
```
#4103fd rgb(65,3,253)
```
#541cfd
```
#541cfd rgb(84,28,253)
```
#6735fd
```
#6735fd rgb(103,53,253)
```

Monochromatic Color

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

#0202e4
```
#0202e4 rgb(2,2,228)
```
#1402e4
```
#1402e4 rgb(20,2,228)
```
#2702e4
```
#2702e4 rgb(39,2,228)
```
#3a02e4
```
#3a02e4 rgb(58,2,228)
```
#4d02e4
```
#4d02e4 rgb(77,2,228)
```
#6002e4
```
#6002e4 rgb(96,2,228)
```
#7302e4
```
#7302e4 rgb(115,2,228)
```

Similar Colors

Text with hexadecimal color #3a02e4

This text has a font color of #3a02e4.

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

#3a02e4 background color

This paragraph has a background color of #3a02e4.

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

#3a02e4 border color

This element has a border color of #3a02e4.

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

CSS codes

.text {color:#3a02e4;}

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

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

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

#04000e
```
#04000e rgb(4,0,14)
```
#090022
```
#090022 rgb(9,0,34)
```
#0d0035
```
#0d0035 rgb(13,0,53)
```
#120148
```
#120148 rgb(18,1,72)
```
#17015c
```
#17015c rgb(23,1,92)
```
#1c016f
```
#1c016f rgb(28,1,111)
```
#210183
```
#210183 rgb(33,1,131)
```
#260196
```
#260196 rgb(38,1,150)
```
#2b01aa
```
#2b01aa rgb(43,1,170)
```
#3002bd
```
#3002bd rgb(48,2,189)
```
#3502d1
```
#3502d1 rgb(53,2,209)
```
#3a02e4
```
#3a02e4 rgb(58,2,228)
```
#3f02f7
```
#3f02f7 rgb(63,2,247)
```

Shade Color Variation

#4b10fd
```
#4b10fd rgb(75,16,253)
```
#5a24fd
```
#5a24fd rgb(90,36,253)
```
#6837fd
```
#6837fd rgb(104,55,253)
```
#774bfd
```
#774bfd rgb(119,75,253)
```
#865efe
```
#865efe rgb(134,94,254)
```
#9472fe
```
#9472fe rgb(148,114,254)
```
#a385fe
```
#a385fe rgb(163,133,254)
```
#b298fe
```
#b298fe rgb(178,152,254)
```
#c0acfe
```
#c0acfe rgb(192,172,254)
```
#cfbffe
```
#cfbffe rgb(207,191,254)
```
#ded3ff
```
#ded3ff rgb(222,211,255)
```
#ece6ff
```
#ece6ff rgb(236,230,255)
```
#fbfaff
```
#fbfaff rgb(251,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706c7a is the less saturated color, while #3a02e4 is the most saturated one.

#706c7a
```
#706c7a rgb(112,108,122)
```
#6b6383
```
#6b6383 rgb(107,99,131)
```
#675a8c
```
#675a8c rgb(103,90,140)
```
#625294
```
#625294 rgb(98,82,148)
```
#5e499d
```
#5e499d rgb(94,73,157)
```
#5940a6
```
#5940a6 rgb(89,64,166)
```
#5537af
```
#5537af rgb(85,55,175)
```
#502eb8
```
#502eb8 rgb(80,46,184)
```
#4c25c1
```
#4c25c1 rgb(76,37,193)
```
#471dc9
```
#471dc9 rgb(71,29,201)
```
#4314d2
```
#4314d2 rgb(67,20,210)
```
#3e0bdb
```
#3e0bdb rgb(62,11,219)
```
#3a02e4
```
#3a02e4 rgb(58,2,228)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#302452 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005485 Deuteranopia 1% of men
#005a5e Tritanopia 0.001% of the population

Trichromacy

#1533b5 Protanomaly 1% of men, 0.01% of women
#1536a7 Deuteranomaly 6% of men, 0.4% of women
#153a8e Tritanomaly 0.01% of the population

#3a02e4 hex color

#3a02e4 Color Information

#3a02e4 Color Conversion

Color Schemes with #3a02e4

Alternatives to #3a02e4

#3a02e4 Preview

Shades and Tints of #3a02e4

Tones of #3a02e4

Color Blindness Simulator