#3a02fa hex color

In a RGB color space, hex #3a02fa is composed of 22.7% red, 0.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 99.2% magenta, 0% yellow and 2% black. It has a hue angle of 253.5 degrees, a saturation of 98.4% and a lightness of 49.4%. #3a02fa color hex could be obtained by blending #7404ff with #0000f5. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 23
- G 1
- B 98
RGB color chart
- C 77
- M 99
- Y 0
- K 2
CMYK color chart

● #3a02fa color description : Vivid blue.

The hexadecimal color #3a02fa has RGB values of R:58, G:2, B:250 and CMYK values of C:0.77, M:0.99, Y:0, K:0.02. Its decimal value is 3801850.

Hex triplet	3a02fa	`#3a02fa`
RGB Decimal	58, 2, 250	`rgb(58,2,250)`
RGB Percent	22.7, 0.8, 98	`rgb(22.7%,0.8%,98%)`
CMYK	77, 99, 0, 2
HSL	253.5°, 98.4, 49.4	`hsl(253.5,98.4%,49.4%)`
HSV (or HSB)	253.5°, 99.2, 98
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.656, 78.416, -102.741
XYZ	19.019, 7.844, 90.949
xyY	0.161, 0.067, 7.844
CIE-LCH	33.656, 129.247, 307.352
CIE-LUV	33.656, -5.284, -129.486
Hunter-Lab	28.007, 72.201, -172.931
Binary	00111010, 00000010, 11111010

#3a02fa
```
#3a02fa rgb(58,2,250)
```
#c2fa02
```
#c2fa02 rgb(194,250,2)
```

Complementary Color

#0246fa
```
#0246fa rgb(2,70,250)
```
#3a02fa
```
#3a02fa rgb(58,2,250)
```
#b602fa
```
#b602fa rgb(182,2,250)
```

Analogous Color

#46fa02
```
#46fa02 rgb(70,250,2)
```
#3a02fa
```
#3a02fa rgb(58,2,250)
```
#fab602
```
#fab602 rgb(250,182,2)
```

Split Complementary Color

#02fa3a
```
#02fa3a rgb(2,250,58)
```
#3a02fa
```
#3a02fa rgb(58,2,250)
```
#fa3a02
```
#fa3a02 rgb(250,58,2)
```

Triadic Color

#02c2fa
```
#02c2fa rgb(2,194,250)
```
#3a02fa
```
#3a02fa rgb(58,2,250)
```
#fa3a02
```
#fa3a02 rgb(250,58,2)
```
#c2fa02
```
#c2fa02 rgb(194,250,2)
```

Tetradic Color

#2801ae
```
#2801ae rgb(40,1,174)
```
#2e02c7
```
#2e02c7 rgb(46,2,199)
```
#3402e1
```
#3402e1 rgb(52,2,225)
```
#3a02fa
```
#3a02fa rgb(58,2,250)
```
#4c18fd
```
#4c18fd rgb(76,24,253)
```
#6032fd
```
#6032fd rgb(96,50,253)
```
#734bfe
```
#734bfe rgb(115,75,254)
```

Monochromatic Color

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

#0208fa
```
#0208fa rgb(2,8,250)
```
#1102fa
```
#1102fa rgb(17,2,250)
```
#2502fa
```
#2502fa rgb(37,2,250)
```
#3a02fa
```
#3a02fa rgb(58,2,250)
```
#4f02fa
```
#4f02fa rgb(79,2,250)
```
#6302fa
```
#6302fa rgb(99,2,250)
```
#7802fa
```
#7802fa rgb(120,2,250)
```

Similar Colors

Text with hexadecimal color #3a02fa

This text has a font color of #3a02fa.

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

#3a02fa background color

This paragraph has a background color of #3a02fa.

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

#3a02fa border color

This element has a border color of #3a02fa.

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

CSS codes

.text {color:#3a02fa;}

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

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

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

#040010
```
#040010 rgb(4,0,16)
```
#080024
```
#080024 rgb(8,0,36)
```
#0d0037
```
#0d0037 rgb(13,0,55)
```
#11014b
```
#11014b rgb(17,1,75)
```
#16015e
```
#16015e rgb(22,1,94)
```
#1a0172
```
#1a0172 rgb(26,1,114)
```
#1f0185
```
#1f0185 rgb(31,1,133)
```
#230199
```
#230199 rgb(35,1,153)
```
#2801ac
```
#2801ac rgb(40,1,172)
```
#2c02c0
```
#2c02c0 rgb(44,2,192)
```
#3102d3
```
#3102d3 rgb(49,2,211)
```
#3502e7
```
#3502e7 rgb(53,2,231)
```
#3a02fa
```
#3a02fa rgb(58,2,250)
```

Shade Color Variation

#4713fd
```
#4713fd rgb(71,19,253)
```
#5726fd
```
#5726fd rgb(87,38,253)
```
#6639fd
```
#6639fd rgb(102,57,253)
```
#754dfe
```
#754dfe rgb(117,77,254)
```
#8460fe
```
#8460fe rgb(132,96,254)
```
#9374fe
```
#9374fe rgb(147,116,254)
```
#a287fe
```
#a287fe rgb(162,135,254)
```
#b19bfe
```
#b19bfe rgb(177,155,254)
```
#c0aefe
```
#c0aefe rgb(192,174,254)
```
#cfc2ff
```
#cfc2ff rgb(207,194,255)
```
#ded5ff
```
#ded5ff rgb(222,213,255)
```
#eee9ff
```
#eee9ff rgb(238,233,255)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#7a7686
```
#7a7686 rgb(122,118,134)
```
#746d8f
```
#746d8f rgb(116,109,143)
```
#6f6399
```
#6f6399 rgb(111,99,153)
```
#6a59a3
```
#6a59a3 rgb(106,89,163)
```
#6550ac
```
#6550ac rgb(101,80,172)
```
#5f46b6
```
#5f46b6 rgb(95,70,182)
```
#5a3cc0
```
#5a3cc0 rgb(90,60,192)
```
#5532ca
```
#5532ca rgb(85,50,202)
```
#4f29d3
```
#4f29d3 rgb(79,41,211)
```
#4a1fdd
```
#4a1fdd rgb(74,31,221)
```
#4515e7
```
#4515e7 rgb(69,21,231)
```
#3f0cf0
```
#3f0cf0 rgb(63,12,240)
```
#3a02fa
```
#3a02fa rgb(58,2,250)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#312658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a6 Protanopia 1% of men
#005a8f Deuteranopia 1% of men
#006165 Tritanopia 0.001% of the population

Trichromacy

#1537c4 Protanomaly 1% of men, 0.01% of women
#153ab6 Deuteranomaly 6% of men, 0.4% of women
#153e9b Tritanomaly 0.01% of the population

#3a02fa hex color

#3a02fa Color Information

#3a02fa Color Conversion

Color Schemes with #3a02fa

Alternatives to #3a02fa

#3a02fa Preview

Shades and Tints of #3a02fa

Tones of #3a02fa

Color Blindness Simulator