#3a30dd hex color

In a RGB color space, hex #3a30dd is composed of 22.7% red, 18.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 78.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 243.5 degrees, a saturation of 71.8% and a lightness of 52.7%. #3a30dd color hex could be obtained by blending #7460ff with #0000bb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 19
- B 87
RGB color chart
- C 74
- M 78
- Y 0
- K 13
CMYK color chart

● #3a30dd color description : Bright blue.

The hexadecimal color #3a30dd has RGB values of R:58, G:48, B:221 and CMYK values of C:0.74, M:0.78, Y:0, K:0.13. Its decimal value is 3813597.

Hex triplet	3a30dd	`#3a30dd`
RGB Decimal	58, 48, 221	`rgb(58,48,221)`
RGB Percent	22.7, 18.8, 86.7	`rgb(22.7%,18.8%,86.7%)`
CMYK	74, 78, 0, 13
HSL	243.5°, 71.8, 52.7	`hsl(243.5,71.8%,52.7%)`
HSV (or HSB)	243.5°, 78.3, 86.7
Web Safe	3333cc	`#3333cc`

CIE-LAB	34.463, 57.7, -84.912
XYZ	15.85, 8.233, 69.156
xyY	0.17, 0.088, 8.233
CIE-LCH	34.463, 102.661, 304.197
CIE-LUV	34.463, -6.733, -114.106
Hunter-Lab	28.693, 48.393, -122.816
Binary	00111010, 00110000, 11011101

#3a30dd
```
#3a30dd rgb(58,48,221)
```
#d3dd30
```
#d3dd30 rgb(211,221,48)
```

Complementary Color

#307ddd
```
#307ddd rgb(48,125,221)
```
#3a30dd
```
#3a30dd rgb(58,48,221)
```
#9130dd
```
#9130dd rgb(145,48,221)
```

Analogous Color

#7ddd30
```
#7ddd30 rgb(125,221,48)
```
#3a30dd
```
#3a30dd rgb(58,48,221)
```
#dd9130
```
#dd9130 rgb(221,145,48)
```

Split Complementary Color

#30dd3a
```
#30dd3a rgb(48,221,58)
```
#3a30dd
```
#3a30dd rgb(58,48,221)
```
#dd3a30
```
#dd3a30 rgb(221,58,48)
```

Triadic Color

#30d3dd
```
#30d3dd rgb(48,211,221)
```
#3a30dd
```
#3a30dd rgb(58,48,221)
```
#dd3a30
```
#dd3a30 rgb(221,58,48)
```
#d3dd30
```
#d3dd30 rgb(211,221,48)
```

Tetradic Color

#231ba5
```
#231ba5 rgb(35,27,165)
```
#281fbb
```
#281fbb rgb(40,31,187)
```
#2c22d1
```
#2c22d1 rgb(44,34,209)
```
#3a30dd
```
#3a30dd rgb(58,48,221)
```
#4f46e1
```
#4f46e1 rgb(79,70,225)
```
#645ce4
```
#645ce4 rgb(100,92,228)
```
#7972e8
```
#7972e8 rgb(121,114,232)
```

Monochromatic Color

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

#3051dd
```
#3051dd rgb(48,81,221)
```
#3043dd
```
#3043dd rgb(48,67,221)
```
#3034dd
```
#3034dd rgb(48,52,221)
```
#3a30dd
```
#3a30dd rgb(58,48,221)
```
#4830dd
```
#4830dd rgb(72,48,221)
```
#5730dd
```
#5730dd rgb(87,48,221)
```
#6530dd
```
#6530dd rgb(101,48,221)
```

Similar Colors

Text with hexadecimal color #3a30dd

This text has a font color of #3a30dd.

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

#3a30dd background color

This paragraph has a background color of #3a30dd.

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

#3a30dd border color

This element has a border color of #3a30dd.

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

CSS codes

.text {color:#3a30dd;}

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

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

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)
```
#06051d
```
#06051d rgb(6,5,29)
```
#0a082e
```
#0a082e rgb(10,8,46)
```
#0d0a3f
```
#0d0a3f rgb(13,10,63)
```
#110d4f
```
#110d4f rgb(17,13,79)
```
#141060
```
#141060 rgb(20,16,96)
```
#181371
```
#181371 rgb(24,19,113)
```
#1c1582
```
#1c1582 rgb(28,21,130)
```
#1f1893
```
#1f1893 rgb(31,24,147)
```
#231ba4
```
#231ba4 rgb(35,27,164)
```
#261eb5
```
#261eb5 rgb(38,30,181)
```
#2a20c5
```
#2a20c5 rgb(42,32,197)
```
#2e23d6
```
#2e23d6 rgb(46,35,214)
```

Shade Color Variation

#3a30dd
```
#3a30dd rgb(58,48,221)
```
#4a41e0
```
#4a41e0 rgb(74,65,224)
```
#5a52e3
```
#5a52e3 rgb(90,82,227)
```
#6a63e5
```
#6a63e5 rgb(106,99,229)
```
#7a73e8
```
#7a73e8 rgb(122,115,232)
```
#8a84eb
```
#8a84eb rgb(138,132,235)
```
#9a95ee
```
#9a95ee rgb(154,149,238)
```
#aaa6f0
```
#aaa6f0 rgb(170,166,240)
```
#bab7f3
```
#bab7f3 rgb(186,183,243)
```
#cac8f6
```
#cac8f6 rgb(202,200,246)
```
#dad8f9
```
#dad8f9 rgb(218,216,249)
```
#eae9fb
```
#eae9fb rgb(234,233,251)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#84838a
```
#84838a rgb(132,131,138)
```
#7c7a93
```
#7c7a93 rgb(124,122,147)
```
#73719c
```
#73719c rgb(115,113,156)
```
#6b68a5
```
#6b68a5 rgb(107,104,165)
```
#635eaf
```
#635eaf rgb(99,94,175)
```
#5b55b8
```
#5b55b8 rgb(91,85,184)
```
#534cc1
```
#534cc1 rgb(83,76,193)
```
#4a43ca
```
#4a43ca rgb(74,67,202)
```
#4239d4
```
#4239d4 rgb(66,57,212)
```
#3a30dd
```
#3a30dd rgb(58,48,221)
```
#3227e6
```
#3227e6 rgb(50,39,230)
```
#2a1df0
```
#2a1df0 rgb(42,29,240)
```
#2114f9
```
#2114f9 rgb(33,20,249)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#444265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c93 Deuteranopia 1% of men
#006368 Tritanopia 0.001% of the population

Trichromacy

#1549bc Protanomaly 1% of men, 0.01% of women
#154cae Deuteranomaly 6% of men, 0.4% of women
#155092 Tritanomaly 0.01% of the population

#3a30dd hex color

#3a30dd Color Information

#3a30dd Color Conversion

Color Schemes with #3a30dd

Alternatives to #3a30dd

#3a30dd Preview

Shades and Tints of #3a30dd

Tones of #3a30dd

Color Blindness Simulator