colorhexa.com

#3d30e6 hex color

In a RGB color space, hex #3d30e6 is composed of 23.9% red, 18.8% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 79.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 244.3 degrees, a saturation of 78.4% and a lightness of 54.5%. #3d30e6 color hex could be obtained by blending #7a60ff with #0000cd. Closest websafe color is: #3333ff.

- R 24
- G 19
- B 90
RGB color chart
- C 73
- M 79
- Y 0
- K 10
CMYK color chart

● #3d30e6 color description : Bright blue.

The hexadecimal color #3d30e6 has RGB values of R:61, G:48, B:230 and CMYK values of C:0.73, M:0.79, Y:0, K:0.1. Its decimal value is 4010214.

Hex triplet	3d30e6	`#3d30e6`
RGB Decimal	61, 48, 230	`rgb(61,48,230)`
RGB Percent	23.9, 18.8, 90.2	`rgb(23.9%,18.8%,90.2%)`
CMYK	73, 79, 0, 10
HSL	244.3°, 78.4, 54.5	`hsl(244.3,78.4%,54.5%)`
HSV (or HSB)	244.3°, 79.1, 90.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	35.632, 60.599, -88.119
XYZ	17.262, 8.818, 75.651
xyY	0.17, 0.087, 8.818
CIE-LCH	35.632, 106.945, 304.516
CIE-LUV	35.632, -6.691, -119.294
Hunter-Lab	29.695, 51.793, -130.258
Binary	00111101, 00110000, 11100110

#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#d9e630
```
#d9e630 rgb(217,230,48)
```

Complementary Color

#307ee6
```
#307ee6 rgb(48,126,230)
```
#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#9830e6
```
#9830e6 rgb(152,48,230)
```

Analogous Color

#7ee630
```
#7ee630 rgb(126,230,48)
```
#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#e69830
```
#e69830 rgb(230,152,48)
```

Split Complementary Color

#30e63d
```
#30e63d rgb(48,230,61)
```
#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#e63d30
```
#e63d30 rgb(230,61,48)
```

Triadic Color

#30d9e6
```
#30d9e6 rgb(48,217,230)
```
#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#e63d30
```
#e63d30 rgb(230,61,48)
```
#d9e630
```
#d9e630 rgb(217,230,48)
```

Tetradic Color

#2116b4
```
#2116b4 rgb(33,22,180)
```
#2518cb
```
#2518cb rgb(37,24,203)
```
#291be1
```
#291be1 rgb(41,27,225)
```
#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#5247e9
```
#5247e9 rgb(82,71,233)
```
#685eeb
```
#685eeb rgb(104,94,235)
```
#7d74ee
```
#7d74ee rgb(125,116,238)
```

Monochromatic Color

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

#3050e6
```
#3050e6 rgb(48,80,230)
```
#3041e6
```
#3041e6 rgb(48,65,230)
```
#3032e6
```
#3032e6 rgb(48,50,230)
```
#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#4c30e6
```
#4c30e6 rgb(76,48,230)
```
#5b30e6
```
#5b30e6 rgb(91,48,230)
```
#6b30e6
```
#6b30e6 rgb(107,48,230)
```

Similar Colors

Text with hexadecimal color #3d30e6

This text has a font color of #3d30e6.

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

#3d30e6 background color

This paragraph has a background color of #3d30e6.

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

#3d30e6 border color

This element has a border color of #3d30e6.

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

CSS codes

.text {color:#3d30e6;}

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

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

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

#010003
```
#010003 rgb(1,0,3)
```
#040215
```
#040215 rgb(4,2,21)
```
#070526
```
#070526 rgb(7,5,38)
```
#0a0738
```
#0a0738 rgb(10,7,56)
```
#0d0949
```
#0d0949 rgb(13,9,73)
```
#110b5b
```
#110b5b rgb(17,11,91)
```
#140d6c
```
#140d6c rgb(20,13,108)
```
#170f7e
```
#170f7e rgb(23,15,126)
```
#1a118f
```
#1a118f rgb(26,17,143)
```
#1d13a1
```
#1d13a1 rgb(29,19,161)
```
#2116b2
```
#2116b2 rgb(33,22,178)
```
#2418c4
```
#2418c4 rgb(36,24,196)
```
#271ad5
```
#271ad5 rgb(39,26,213)
```

Shade Color Variation

#2d1ee4
```
#2d1ee4 rgb(45,30,228)
```
#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#4d42e8
```
#4d42e8 rgb(77,66,232)
```
#5e53ea
```
#5e53ea rgb(94,83,234)
```
#6e65ec
```
#6e65ec rgb(110,101,236)
```
#7f76ee
```
#7f76ee rgb(127,118,238)
```
#8f88f1
```
#8f88f1 rgb(143,136,241)
```
#9f99f3
```
#9f99f3 rgb(159,153,243)
```
#b0abf5
```
#b0abf5 rgb(176,171,245)
```
#c0bcf7
```
#c0bcf7 rgb(192,188,247)
```
#d1cef9
```
#d1cef9 rgb(209,206,249)
```
#e1dffb
```
#e1dffb rgb(225,223,251)
```
#f1f1fd
```
#f1f1fd rgb(241,241,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89898d is the less saturated color, while #2e1ef8 is the most saturated one.

#89898d
```
#89898d rgb(137,137,141)
```
#828096
```
#828096 rgb(130,128,150)
```
#7a779f
```
#7a779f rgb(122,119,159)
```
#736ea8
```
#736ea8 rgb(115,110,168)
```
#6b66b0
```
#6b66b0 rgb(107,102,176)
```
#635db9
```
#635db9 rgb(99,93,185)
```
#5c54c2
```
#5c54c2 rgb(92,84,194)
```
#544bcb
```
#544bcb rgb(84,75,203)
```
#4c42d4
```
#4c42d4 rgb(76,66,212)
```
#4539dd
```
#4539dd rgb(69,57,221)
```
#3d30e6
```
#3d30e6 rgb(61,48,230)
```
#3527ef
```
#3527ef rgb(53,39,239)
```
#2e1ef8
```
#2e1ef8 rgb(46,30,248)
```

Tone Color Variation

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

#494949 Achromatopsia 0.005% of the population
#474468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005aae Protanopia 1% of men
#005f97 Deuteranopia 1% of men
#00656b Tritanopia 0.001% of the population

Trichromacy

#164ac2 Protanomaly 1% of men, 0.01% of women
#164eb3 Deuteranomaly 6% of men, 0.4% of women
#165297 Tritanomaly 0.01% of the population