#3a08f6 hex color

In a RGB color space, hex #3a08f6 is composed of 22.7% red, 3.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 96.7% magenta, 0% yellow and 3.5% black. It has a hue angle of 252.6 degrees, a saturation of 93.7% and a lightness of 49.8%. #3a08f6 color hex could be obtained by blending #7410ff with #0000ed. Closest websafe color is: #3300ff.

♥
- f
- t
- g
- R 23
- G 3
- B 96
RGB color chart
- C 76
- M 97
- Y 0
- K 4
CMYK color chart

● #3a08f6 color description : Vivid blue.

The hexadecimal color #3a08f6 has RGB values of R:58, G:8, B:246 and CMYK values of C:0.76, M:0.97, Y:0, K:0.04. Its decimal value is 3803382.

Hex triplet	3a08f6	`#3a08f6`
RGB Decimal	58, 8, 246	`rgb(58,8,246)`
RGB Percent	22.7, 3.1, 96.5	`rgb(22.7%,3.1%,96.5%)`
CMYK	76, 97, 0, 4
HSL	252.6°, 93.7, 49.8	`hsl(252.6,93.7%,49.8%)`
HSV (or HSB)	252.6°, 96.7, 96.5
Web Safe	3300ff	`#3300ff`

CIE-LAB	33.405, 76.619, -100.904
XYZ	18.463, 7.726, 87.702
xyY	0.162, 0.068, 7.726
CIE-LCH	33.405, 126.697, 307.21
CIE-LUV	33.405, -5.223, -127.411
Hunter-Lab	27.796, 69.926, -167.618
Binary	00111010, 00001000, 11110110

#3a08f6
```
#3a08f6 rgb(58,8,246)
```
#c4f608
```
#c4f608 rgb(196,246,8)
```

Complementary Color

#084df6
```
#084df6 rgb(8,77,246)
```
#3a08f6
```
#3a08f6 rgb(58,8,246)
```
#b108f6
```
#b108f6 rgb(177,8,246)
```

Analogous Color

#4df608
```
#4df608 rgb(77,246,8)
```
#3a08f6
```
#3a08f6 rgb(58,8,246)
```
#f6b108
```
#f6b108 rgb(246,177,8)
```

Split Complementary Color

#08f63a
```
#08f63a rgb(8,246,58)
```
#3a08f6
```
#3a08f6 rgb(58,8,246)
```
#f63a08
```
#f63a08 rgb(246,58,8)
```

Triadic Color

#08c4f6
```
#08c4f6 rgb(8,196,246)
```
#3a08f6
```
#3a08f6 rgb(58,8,246)
```
#f63a08
```
#f63a08 rgb(246,58,8)
```
#c4f608
```
#c4f608 rgb(196,246,8)
```

Tetradic Color

#2906ac
```
#2906ac rgb(41,6,172)
```
#2e06c5
```
#2e06c5 rgb(46,6,197)
```
#3407dd
```
#3407dd rgb(52,7,221)
```
#3a08f6
```
#3a08f6 rgb(58,8,246)
```
#4d20f8
```
#4d20f8 rgb(77,32,248)
```
#6138f9
```
#6138f9 rgb(97,56,249)
```
#7451f9
```
#7451f9 rgb(116,81,249)
```

Monochromatic Color

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

#0812f6
```
#0812f6 rgb(8,18,246)
```
#1208f6
```
#1208f6 rgb(18,8,246)
```
#2608f6
```
#2608f6 rgb(38,8,246)
```
#3a08f6
```
#3a08f6 rgb(58,8,246)
```
#4e08f6
```
#4e08f6 rgb(78,8,246)
```
#6208f6
```
#6208f6 rgb(98,8,246)
```
#7608f6
```
#7608f6 rgb(118,8,246)
```

Similar Colors

Text with hexadecimal color #3a08f6

This text has a font color of #3a08f6.

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

#3a08f6 background color

This paragraph has a background color of #3a08f6.

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

#3a08f6 border color

This element has a border color of #3a08f6.

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

CSS codes

.text {color:#3a08f6;}

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

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

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

#040112
```
#040112 rgb(4,1,18)
```
#090125
```
#090125 rgb(9,1,37)
```
#0d0238
```
#0d0238 rgb(13,2,56)
```
#12024b
```
#12024b rgb(18,2,75)
```
#16035e
```
#16035e rgb(22,3,94)
```
#1b0471
```
#1b0471 rgb(27,4,113)
```
#1f0484
```
#1f0484 rgb(31,4,132)
```
#240597
```
#240597 rgb(36,5,151)
```
#2806aa
```
#2806aa rgb(40,6,170)
```
#2d06bd
```
#2d06bd rgb(45,6,189)
```
#3107d0
```
#3107d0 rgb(49,7,208)
```
#3607e3
```
#3607e3 rgb(54,7,227)
```
#3a08f6
```
#3a08f6 rgb(58,8,246)
```

Shade Color Variation

#491af8
```
#491af8 rgb(73,26,248)
```
#582df8
```
#582df8 rgb(88,45,248)
```
#6740f9
```
#6740f9 rgb(103,64,249)
```
#7653f9
```
#7653f9 rgb(118,83,249)
```
#8566fa
```
#8566fa rgb(133,102,250)
```
#9479fb
```
#9479fb rgb(148,121,251)
```
#a38cfb
```
#a38cfb rgb(163,140,251)
```
#b39ffc
```
#b39ffc rgb(179,159,252)
```
#c2b2fc
```
#c2b2fc rgb(194,178,252)
```
#d1c5fd
```
#d1c5fd rgb(209,197,253)
```
#e0d8fe
```
#e0d8fe rgb(224,216,254)
```
#efebfe
```
#efebfe rgb(239,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#7e7d81
```
#7e7d81 rgb(126,125,129)
```
#78738b
```
#78738b rgb(120,115,139)
```
#736a94
```
#736a94 rgb(115,106,148)
```
#6d609e
```
#6d609e rgb(109,96,158)
```
#6756a8
```
#6756a8 rgb(103,86,168)
```
#624cb2
```
#624cb2 rgb(98,76,178)
```
#5c43bb
```
#5c43bb rgb(92,67,187)
```
#5639c5
```
#5639c5 rgb(86,57,197)
```
#512fcf
```
#512fcf rgb(81,47,207)
```
#4b25d9
```
#4b25d9 rgb(75,37,217)
```
#451ce2
```
#451ce2 rgb(69,28,226)
```
#4012ec
```
#4012ec rgb(64,18,236)
```
#3a08f6
```
#3a08f6 rgb(58,8,246)
```

Tone Color Variation

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

#323232 Achromatopsia 0.005% of the population
#342a59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005a8e Deuteranopia 1% of men
#006064 Tritanopia 0.001% of the population

Trichromacy

#1539c2 Protanomaly 1% of men, 0.01% of women
#153cb4 Deuteranomaly 6% of men, 0.4% of women
#154099 Tritanomaly 0.01% of the population

#3a08f6 hex color

#3a08f6 Color Information

#3a08f6 Color Conversion

Color Schemes with #3a08f6

Alternatives to #3a08f6

#3a08f6 Preview

Shades and Tints of #3a08f6

Tones of #3a08f6

Color Blindness Simulator