#3a02b6 hex color

In a RGB color space, hex #3a02b6 is composed of 22.7% red, 0.8% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 68.1% cyan, 98.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 258.7 degrees, a saturation of 97.8% and a lightness of 36.1%. #3a02b6 color hex could be obtained by blending #7404ff with #00006d. Closest websafe color is: #3300cc.

♥
- f
- t
- g
- R 23
- G 1
- B 71
RGB color chart
- C 68
- M 99
- Y 0
- K 29
CMYK color chart

● #3a02b6 color description : Strong violet.

The hexadecimal color #3a02b6 has RGB values of R:58, G:2, B:182 and CMYK values of C:0.68, M:0.99, Y:0, K:0.29. Its decimal value is 3801782.

Hex triplet	3a02b6	`#3a02b6`
RGB Decimal	58, 2, 182	`rgb(58,2,182)`
RGB Percent	22.7, 0.8, 71.4	`rgb(22.7%,0.8%,71.4%)`
CMYK	68, 99, 0, 29
HSL	258.7°, 97.8, 36.1	`hsl(258.7,97.8%,36.1%)`
HSV (or HSB)	258.7°, 98.9, 71.4
Web Safe	3300cc	`#3300cc`

CIE-LAB	24.702, 62.232, -78.3
XYZ	10.209, 4.32, 44.549
xyY	0.173, 0.073, 4.32
CIE-LCH	24.702, 100.019, 308.477
CIE-LUV	24.702, -0.687, -90.559
Hunter-Lab	20.784, 51.3, -112.533
Binary	00111010, 00000010, 10110110

#3a02b6
```
#3a02b6 rgb(58,2,182)
```
#7eb602
```
#7eb602 rgb(126,182,2)
```

Complementary Color

#0224b6
```
#0224b6 rgb(2,36,182)
```
#3a02b6
```
#3a02b6 rgb(58,2,182)
```
#9402b6
```
#9402b6 rgb(148,2,182)
```

Analogous Color

#24b602
```
#24b602 rgb(36,182,2)
```
#3a02b6
```
#3a02b6 rgb(58,2,182)
```
#b69402
```
#b69402 rgb(182,148,2)
```

Split Complementary Color

#02b63a
```
#02b63a rgb(2,182,58)
```
#3a02b6
```
#3a02b6 rgb(58,2,182)
```
#b63a02
```
#b63a02 rgb(182,58,2)
```

Triadic Color

#027eb6
```
#027eb6 rgb(2,126,182)
```
#3a02b6
```
#3a02b6 rgb(58,2,182)
```
#b63a02
```
#b63a02 rgb(182,58,2)
```
#7eb602
```
#7eb602 rgb(126,182,2)
```

Tetradic Color

#22016a
```
#22016a rgb(34,1,106)
```
#2a0184
```
#2a0184 rgb(42,1,132)
```
#32029d
```
#32029d rgb(50,2,157)
```
#3a02b6
```
#3a02b6 rgb(58,2,182)
```
#4202cf
```
#4202cf rgb(66,2,207)
```
#4a03e8
```
#4a03e8 rgb(74,3,232)
```
#5408fc
```
#5408fc rgb(84,8,252)
```

Monochromatic Color

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

#0d02b6
```
#0d02b6 rgb(13,2,182)
```
#1c02b6
```
#1c02b6 rgb(28,2,182)
```
#2b02b6
```
#2b02b6 rgb(43,2,182)
```
#3a02b6
```
#3a02b6 rgb(58,2,182)
```
#4902b6
```
#4902b6 rgb(73,2,182)
```
#5802b6
```
#5802b6 rgb(88,2,182)
```
#6702b6
```
#6702b6 rgb(103,2,182)
```

Similar Colors

Text with hexadecimal color #3a02b6

This text has a font color of #3a02b6.

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

#3a02b6 background color

This paragraph has a background color of #3a02b6.

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

#3a02b6 border color

This element has a border color of #3a02b6.

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

CSS codes

.text {color:#3a02b6;}

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

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

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

#020007
```
#020007 rgb(2,0,7)
```
#09001b
```
#09001b rgb(9,0,27)
```
#0f012e
```
#0f012e rgb(15,1,46)
```
#150142
```
#150142 rgb(21,1,66)
```
#1b0155
```
#1b0155 rgb(27,1,85)
```
#210168
```
#210168 rgb(33,1,104)
```
#27017c
```
#27017c rgb(39,1,124)
```
#2e028f
```
#2e028f rgb(46,2,143)
```
#3402a3
```
#3402a3 rgb(52,2,163)
```
#3a02b6
```
#3a02b6 rgb(58,2,182)
```
#4002c9
```
#4002c9 rgb(64,2,201)
```
#4602dd
```
#4602dd rgb(70,2,221)
```
#4d03f0
```
#4d03f0 rgb(77,3,240)
```

Shade Color Variation

#550afc
```
#550afc rgb(85,10,252)
```
#631efd
```
#631efd rgb(99,30,253)
```
#7031fd
```
#7031fd rgb(112,49,253)
```
#7e44fd
```
#7e44fd rgb(126,68,253)
```
#8b58fd
```
#8b58fd rgb(139,88,253)
```
#996bfd
```
#996bfd rgb(153,107,253)
```
#a67ffe
```
#a67ffe rgb(166,127,254)
```
#b492fe
```
#b492fe rgb(180,146,254)
```
#c1a5fe
```
#c1a5fe rgb(193,165,254)
```
#ceb9fe
```
#ceb9fe rgb(206,185,254)
```
#dcccfe
```
#dcccfe rgb(220,204,254)
```
#e9e0ff
```
#e9e0ff rgb(233,224,255)
```
#f7f3ff
```
#f7f3ff rgb(247,243,255)
```

Tint Color Variation

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

#5a5761
```
#5a5761 rgb(90,87,97)
```
#575068
```
#575068 rgb(87,80,104)
```
#55496f
```
#55496f rgb(85,73,111)
```
#524276
```
#524276 rgb(82,66,118)
```
#4f3b7d
```
#4f3b7d rgb(79,59,125)
```
#4d3484
```
#4d3484 rgb(77,52,132)
```
#4a2c8c
```
#4a2c8c rgb(74,44,140)
```
#472593
```
#472593 rgb(71,37,147)
```
#451e9a
```
#451e9a rgb(69,30,154)
```
#4217a1
```
#4217a1 rgb(66,23,161)
```
#3f10a8
```
#3f10a8 rgb(63,16,168)
```
#3d09af
```
#3d09af rgb(61,9,175)
```
#3a02b6
```
#3a02b6 rgb(58,2,182)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#2b2044 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004381 Protanopia 1% of men
#004670 Deuteranopia 1% of men
#004b4f Tritanopia 0.001% of the population

Trichromacy

#152b94 Protanomaly 1% of men, 0.01% of women
#152d89 Deuteranomaly 6% of men, 0.4% of women
#153074 Tritanomaly 0.01% of the population

#3a02b6 hex color

#3a02b6 Color Information

#3a02b6 Color Conversion

Color Schemes with #3a02b6

Alternatives to #3a02b6

#3a02b6 Preview

Shades and Tints of #3a02b6

Tones of #3a02b6

Color Blindness Simulator