#3d3076 hex color

In a RGB color space, hex #3d3076 is composed of 23.9% red, 18.8% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 59.3% magenta, 0% yellow and 53.7% black. It has a hue angle of 251.1 degrees, a saturation of 42.2% and a lightness of 32.5%. #3d3076 color hex could be obtained by blending #7a60ec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 24
- G 19
- B 46
RGB color chart
- C 48
- M 59
- Y 0
- K 54
CMYK color chart

● #3d3076 color description : Dark moderate blue.

The hexadecimal color #3d3076 has RGB values of R:61, G:48, B:118 and CMYK values of C:0.48, M:0.59, Y:0, K:0.54. Its decimal value is 4010102.

Hex triplet	3d3076	`#3d3076`
RGB Decimal	61, 48, 118	`rgb(61,48,118)`
RGB Percent	23.9, 18.8, 46.3	`rgb(23.9%,18.8%,46.3%)`
CMYK	48, 59, 0, 54
HSL	251.1°, 42.2, 32.5	`hsl(251.1,42.2%,32.5%)`
HSV (or HSB)	251.1°, 59.3, 46.3
Web Safe	333366	`#333366`

CIE-LAB	24.995, 25.12, -38.392
XYZ	6.251, 4.414, 17.661
xyY	0.221, 0.156, 4.414
CIE-LCH	24.995, 45.879, 303.197
CIE-LUV	24.995, 0.481, -49.279
Hunter-Lab	21.009, 16.342, -35.135
Binary	00111101, 00110000, 01110110

#3d3076
```
#3d3076 rgb(61,48,118)
```
#697630
```
#697630 rgb(105,118,48)
```

Complementary Color

#304676
```
#304676 rgb(48,70,118)
```
#3d3076
```
#3d3076 rgb(61,48,118)
```
#603076
```
#603076 rgb(96,48,118)
```

Analogous Color

#467630
```
#467630 rgb(70,118,48)
```
#3d3076
```
#3d3076 rgb(61,48,118)
```
#766030
```
#766030 rgb(118,96,48)
```

Split Complementary Color

#30763d
```
#30763d rgb(48,118,61)
```
#3d3076
```
#3d3076 rgb(61,48,118)
```
#763d30
```
#763d30 rgb(118,61,48)
```

Triadic Color

#306976
```
#306976 rgb(48,105,118)
```
#3d3076
```
#3d3076 rgb(61,48,118)
```
#763d30
```
#763d30 rgb(118,61,48)
```
#697630
```
#697630 rgb(105,118,48)
```

Tetradic Color

#211a40
```
#211a40 rgb(33,26,64)
```
#2a2152
```
#2a2152 rgb(42,33,82)
```
#342964
```
#342964 rgb(52,41,100)
```
#3d3076
```
#3d3076 rgb(61,48,118)
```
#463788
```
#463788 rgb(70,55,136)
```
#503f9a
```
#503f9a rgb(80,63,154)
```
#5946ac
```
#5946ac rgb(89,70,172)
```

Monochromatic Color

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

#303576
```
#303576 rgb(48,53,118)
```
#313076
```
#313076 rgb(49,48,118)
```
#373076
```
#373076 rgb(55,48,118)
```
#3d3076
```
#3d3076 rgb(61,48,118)
```
#433076
```
#433076 rgb(67,48,118)
```
#493076
```
#493076 rgb(73,48,118)
```
#4e3076
```
#4e3076 rgb(78,48,118)
```

Similar Colors

Text with hexadecimal color #3d3076

This text has a font color of #3d3076.

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

#3d3076 background color

This paragraph has a background color of #3d3076.

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

#3d3076 border color

This element has a border color of #3d3076.

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

CSS codes

.text {color:#3d3076;}

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

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

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

#030306
```
#030306 rgb(3,3,6)
```
#0b0814
```
#0b0814 rgb(11,8,20)
```
#120e22
```
#120e22 rgb(18,14,34)
```
#191430
```
#191430 rgb(25,20,48)
```
#20193e
```
#20193e rgb(32,25,62)
```
#271f4c
```
#271f4c rgb(39,31,76)
```
#2f255a
```
#2f255a rgb(47,37,90)
```
#362a68
```
#362a68 rgb(54,42,104)
```
#3d3076
```
#3d3076 rgb(61,48,118)
```
#443684
```
#443684 rgb(68,54,132)
```
#4b3b92
```
#4b3b92 rgb(75,59,146)
```
#5341a0
```
#5341a0 rgb(83,65,160)
```
#5a47ae
```
#5a47ae rgb(90,71,174)
```

Shade Color Variation

#6350b8
```
#6350b8 rgb(99,80,184)
```
#705ebe
```
#705ebe rgb(112,94,190)
```
#7c6cc3
```
#7c6cc3 rgb(124,108,195)
```
#897ac9
```
#897ac9 rgb(137,122,201)
```
#9588cf
```
#9588cf rgb(149,136,207)
```
#a196d4
```
#a196d4 rgb(161,150,212)
```
#aea4da
```
#aea4da rgb(174,164,218)
```
#bab2e0
```
#bab2e0 rgb(186,178,224)
```
#c7c0e5
```
#c7c0e5 rgb(199,192,229)
```
#d3ceeb
```
#d3ceeb rgb(211,206,235)
```
#e0dcf1
```
#e0dcf1 rgb(224,220,241)
```
#eceaf6
```
#eceaf6 rgb(236,234,246)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#515056
```
#515056 rgb(81,80,86)
```
#4d4a5c
```
#4d4a5c rgb(77,74,92)
```
#494363
```
#494363 rgb(73,67,99)
```
#453d69
```
#453d69 rgb(69,61,105)
```
#413670
```
#413670 rgb(65,54,112)
```
#3d3076
```
#3d3076 rgb(61,48,118)
```
#392a7c
```
#392a7c rgb(57,42,124)
```
#352383
```
#352383 rgb(53,35,131)
```
#311d89
```
#311d89 rgb(49,29,137)
```
#2d1690
```
#2d1690 rgb(45,22,144)
```
#291096
```
#291096 rgb(41,16,150)
```
#250a9c
```
#250a9c rgb(37,10,156)
```
#2103a3
```
#2103a3 rgb(33,3,163)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3c3a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004384 Protanopia 1% of men
#004675 Deuteranopia 1% of men
#36484d Tritanopia 0.001% of the population

Trichromacy

#163c7f Protanomaly 1% of men, 0.01% of women
#163e75 Deuteranomaly 6% of men, 0.4% of women
#393f5c Tritanomaly 0.01% of the population

#3d3076 hex color

#3d3076 Color Information

#3d3076 Color Conversion

Color Schemes with #3d3076

Alternatives to #3d3076

#3d3076 Preview

Shades and Tints of #3d3076

Tones of #3d3076

Color Blindness Simulator