#3a1ddc hex color

In a RGB color space, hex #3a1ddc is composed of 22.7% red, 11.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 86.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 249.1 degrees, a saturation of 76.7% and a lightness of 48.8%. #3a1ddc color hex could be obtained by blending #743aff with #0000b9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 11
- B 86
RGB color chart
- C 74
- M 87
- Y 0
- K 14
CMYK color chart

● #3a1ddc color description : Vivid blue.

The hexadecimal color #3a1ddc has RGB values of R:58, G:29, B:220 and CMYK values of C:0.74, M:0.87, Y:0, K:0.14. Its decimal value is 3808732.

Hex triplet	3a1ddc	`#3a1ddc`
RGB Decimal	58, 29, 220	`rgb(58,29,220)`
RGB Percent	22.7, 11.4, 86.3	`rgb(22.7%,11.4%,86.3%)`
CMYK	74, 87, 0, 14
HSL	249.1°, 76.7, 48.8	`hsl(249.1,76.7%,48.8%)`
HSV (or HSB)	249.1°, 86.8, 86.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	31.681, 65.28, -88.956
XYZ	15.1, 6.945, 68.251
xyY	0.167, 0.077, 6.945
CIE-LCH	31.681, 110.339, 306.273
CIE-LUV	31.681, -4.709, -113.44
Hunter-Lab	26.353, 56.162, -135.107
Binary	00111010, 00011101, 11011100

#3a1ddc
```
#3a1ddc rgb(58,29,220)
```
#bfdc1d
```
#bfdc1d rgb(191,220,29)
```

Complementary Color

#1d60dc
```
#1d60dc rgb(29,96,220)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```
#9a1ddc
```
#9a1ddc rgb(154,29,220)
```

Analogous Color

#60dc1d
```
#60dc1d rgb(96,220,29)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```
#dc9a1d
```
#dc9a1d rgb(220,154,29)
```

Split Complementary Color

#1ddc3a
```
#1ddc3a rgb(29,220,58)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```
#dc3a1d
```
#dc3a1d rgb(220,58,29)
```

Triadic Color

#1dbfdc
```
#1dbfdc rgb(29,191,220)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```
#dc3a1d
```
#dc3a1d rgb(220,58,29)
```
#bfdc1d
```
#bfdc1d rgb(191,220,29)
```

Tetradic Color

#281498
```
#281498 rgb(40,20,152)
```
#2e17af
```
#2e17af rgb(46,23,175)
```
#341ac5
```
#341ac5 rgb(52,26,197)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```
#4a2fe4
```
#4a2fe4 rgb(74,47,228)
```
#5e45e7
```
#5e45e7 rgb(94,69,231)
```
#715cea
```
#715cea rgb(113,92,234)
```

Monochromatic Color

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

#1d30dc
```
#1d30dc rgb(29,48,220)
```
#1d20dc
```
#1d20dc rgb(29,32,220)
```
#2a1ddc
```
#2a1ddc rgb(42,29,220)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```
#4a1ddc
```
#4a1ddc rgb(74,29,220)
```
#5a1ddc
```
#5a1ddc rgb(90,29,220)
```
#6a1ddc
```
#6a1ddc rgb(106,29,220)
```

Similar Colors

Text with hexadecimal color #3a1ddc

This text has a font color of #3a1ddc.

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

#3a1ddc background color

This paragraph has a background color of #3a1ddc.

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

#3a1ddc border color

This element has a border color of #3a1ddc.

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

CSS codes

.text {color:#3a1ddc;}

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

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

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, #03020c is the darkest color, while #fafafe is the lightest one.

#03020c
```
#03020c rgb(3,2,12)
```
#08041d
```
#08041d rgb(8,4,29)
```
#0c062f
```
#0c062f rgb(12,6,47)
```
#110840
```
#110840 rgb(17,8,64)
```
#150b51
```
#150b51 rgb(21,11,81)
```
#1a0d63
```
#1a0d63 rgb(26,13,99)
```
#1f0f74
```
#1f0f74 rgb(31,15,116)
```
#231285
```
#231285 rgb(35,18,133)
```
#281497
```
#281497 rgb(40,20,151)
```
#2c16a8
```
#2c16a8 rgb(44,22,168)
```
#3118b9
```
#3118b9 rgb(49,24,185)
```
#351bcb
```
#351bcb rgb(53,27,203)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```

Shade Color Variation

#462ae3
```
#462ae3 rgb(70,42,227)
```
#553be5
```
#553be5 rgb(85,59,229)
```
#644ce7
```
#644ce7 rgb(100,76,231)
```
#735eea
```
#735eea rgb(115,94,234)
```
#826fec
```
#826fec rgb(130,111,236)
```
#9180ee
```
#9180ee rgb(145,128,238)
```
#a092f1
```
#a092f1 rgb(160,146,241)
```
#afa3f3
```
#afa3f3 rgb(175,163,243)
```
#beb4f5
```
#beb4f5 rgb(190,180,245)
```
#cdc6f7
```
#cdc6f7 rgb(205,198,247)
```
#dcd7fa
```
#dcd7fa rgb(220,215,250)
```
#ebe8fc
```
#ebe8fc rgb(235,232,252)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#767386
```
#767386 rgb(118,115,134)
```
#6f6a8f
```
#6f6a8f rgb(111,106,143)
```
#696099
```
#696099 rgb(105,96,153)
```
#6256a3
```
#6256a3 rgb(98,86,163)
```
#5b4dac
```
#5b4dac rgb(91,77,172)
```
#5543b6
```
#5543b6 rgb(85,67,182)
```
#4e3abf
```
#4e3abf rgb(78,58,191)
```
#4730c9
```
#4730c9 rgb(71,48,201)
```
#4127d2
```
#4127d2 rgb(65,39,210)
```
#3a1ddc
```
#3a1ddc rgb(58,29,220)
```
#3313e6
```
#3313e6 rgb(51,19,230)
```
#2d0aef
```
#2d0aef rgb(45,10,239)
```
#2600f9
```
#2600f9 rgb(38,0,249)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#3b355b Atypical Achromatopsia 0.001% of the population

Dichromacy

#00519e Protanopia 1% of men
#005688 Deuteranopia 1% of men
#005c60 Tritanopia 0.001% of the population

Trichromacy

#153eb4 Protanomaly 1% of men, 0.01% of women
#1541a6 Deuteranomaly 6% of men, 0.4% of women
#15458d Tritanomaly 0.01% of the population

#3a1ddc hex color

#3a1ddc Color Information

#3a1ddc Color Conversion

Color Schemes with #3a1ddc

Alternatives to #3a1ddc

#3a1ddc Preview

Shades and Tints of #3a1ddc

Tones of #3a1ddc

Color Blindness Simulator