#3d306a hex color

In a RGB color space, hex #3d306a is composed of 23.9% red, 18.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 54.7% magenta, 0% yellow and 58.4% black. It has a hue angle of 253.4 degrees, a saturation of 37.7% and a lightness of 30.2%. #3d306a color hex could be obtained by blending #7a60d4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 24
- G 19
- B 42
RGB color chart
- C 42
- M 55
- Y 0
- K 58
CMYK color chart

● #3d306a color description : Very dark desaturated blue.

The hexadecimal color #3d306a has RGB values of R:61, G:48, B:106 and CMYK values of C:0.42, M:0.55, Y:0, K:0.58. Its decimal value is 4010090.

Hex triplet	3d306a	`#3d306a`
RGB Decimal	61, 48, 106	`rgb(61,48,106)`
RGB Percent	23.9, 18.8, 41.6	`rgb(23.9%,18.8%,41.6%)`
CMYK	42, 55, 0, 58
HSL	253.4°, 37.7, 30.2	`hsl(253.4,37.7%,30.2%)`
HSV (or HSB)	253.4°, 54.7, 41.6
Web Safe	333366	`#333366`

CIE-LAB	24.15, 21.296, -32.059
XYZ	5.582, 4.147, 14.141
xyY	0.234, 0.174, 4.147
CIE-LCH	24.15, 38.488, 303.595
CIE-LUV	24.15, 1.502, -40.72
Hunter-Lab	20.363, 13.3, -26.92
Binary	00111101, 00110000, 01101010

#3d306a
```
#3d306a rgb(61,48,106)
```
#5d6a30
```
#5d6a30 rgb(93,106,48)
```

Complementary Color

#30406a
```
#30406a rgb(48,64,106)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#5a306a
```
#5a306a rgb(90,48,106)
```

Analogous Color

#406a30
```
#406a30 rgb(64,106,48)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#6a5a30
```
#6a5a30 rgb(106,90,48)
```

Split Complementary Color

#306a3d
```
#306a3d rgb(48,106,61)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#6a3d30
```
#6a3d30 rgb(106,61,48)
```

Triadic Color

#305d6a
```
#305d6a rgb(48,93,106)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#6a3d30
```
#6a3d30 rgb(106,61,48)
```
#5d6a30
```
#5d6a30 rgb(93,106,48)
```

Tetradic Color

#1f1835
```
#1f1835 rgb(31,24,53)
```
#292047
```
#292047 rgb(41,32,71)
```
#332858
```
#332858 rgb(51,40,88)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#47387c
```
#47387c rgb(71,56,124)
```
#51408d
```
#51408d rgb(81,64,141)
```
#5b489f
```
#5b489f rgb(91,72,159)
```

Monochromatic Color

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

#30326a
```
#30326a rgb(48,50,106)
```
#33306a
```
#33306a rgb(51,48,106)
```
#38306a
```
#38306a rgb(56,48,106)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#42306a
```
#42306a rgb(66,48,106)
```
#47306a
```
#47306a rgb(71,48,106)
```
#4c306a
```
#4c306a rgb(76,48,106)
```

Similar Colors

Text with hexadecimal color #3d306a

This text has a font color of #3d306a.

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

#3d306a background color

This paragraph has a background color of #3d306a.

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

#3d306a border color

This element has a border color of #3d306a.

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

CSS codes

.text {color:#3d306a;}

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

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

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, #07050b is the darkest color, while #fdfdfe is the lightest one.

#07050b
```
#07050b rgb(7,5,11)
```
#0e0b19
```
#0e0b19 rgb(14,11,25)
```
#161126
```
#161126 rgb(22,17,38)
```
#1e1834
```
#1e1834 rgb(30,24,52)
```
#261e41
```
#261e41 rgb(38,30,65)
```
#2d244f
```
#2d244f rgb(45,36,79)
```
#352a5c
```
#352a5c rgb(53,42,92)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#453678
```
#453678 rgb(69,54,120)
```
#4d3c85
```
#4d3c85 rgb(77,60,133)
```
#544293
```
#544293 rgb(84,66,147)
```
#5c48a0
```
#5c48a0 rgb(92,72,160)
```
#644fae
```
#644fae rgb(100,79,174)
```

Shade Color Variation

#6f5bb5
```
#6f5bb5 rgb(111,91,181)
```
#7b68bb
```
#7b68bb rgb(123,104,187)
```
#8776c1
```
#8776c1 rgb(135,118,193)
```
#9383c7
```
#9383c7 rgb(147,131,199)
```
#9e91cd
```
#9e91cd rgb(158,145,205)
```
#aa9ed3
```
#aa9ed3 rgb(170,158,211)
```
#b6acd9
```
#b6acd9 rgb(182,172,217)
```
#c2b9e0
```
#c2b9e0 rgb(194,185,224)
```
#cec7e6
```
#cec7e6 rgb(206,199,230)
```
#dad4ec
```
#dad4ec rgb(218,212,236)
```
#e6e2f2
```
#e6e2f2 rgb(230,226,242)
```
#f1eff8
```
#f1eff8 rgb(241,239,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#4a4852
```
#4a4852 rgb(74,72,82)
```
#474258
```
#474258 rgb(71,66,88)
```
#443c5e
```
#443c5e rgb(68,60,94)
```
#403664
```
#403664 rgb(64,54,100)
```
#3d306a
```
#3d306a rgb(61,48,106)
```
#3a2a70
```
#3a2a70 rgb(58,42,112)
```
#362476
```
#362476 rgb(54,36,118)
```
#331e7c
```
#331e7c rgb(51,30,124)
```
#301882
```
#301882 rgb(48,24,130)
```
#2d1288
```
#2d1288 rgb(45,18,136)
```
#290c8e
```
#290c8e rgb(41,12,142)
```
#260793
```
#260793 rgb(38,7,147)
```
#230199
```
#230199 rgb(35,1,153)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3b3844 Atypical Achromatopsia 0.001% of the population

Dichromacy

#234177 Protanopia 1% of men
#20446e Deuteranopia 1% of men
#3b454a Tritanopia 0.001% of the population

Trichromacy

#2c3b72 Protanomaly 1% of men, 0.01% of women
#2a3c6c Deuteranomaly 6% of men, 0.4% of women
#3c3d55 Tritanomaly 0.01% of the population

#3d306a hex color

#3d306a Color Information

#3d306a Color Conversion

Color Schemes with #3d306a

Alternatives to #3d306a

#3d306a Preview

Shades and Tints of #3d306a

Tones of #3d306a

Color Blindness Simulator