#3d304a hex color

In a RGB color space, hex #3d304a is composed of 23.9% red, 18.8% green and 29% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 35.1% magenta, 0% yellow and 71% black. It has a hue angle of 270 degrees, a saturation of 21.3% and a lightness of 23.9%. #3d304a color hex could be obtained by blending #7a6094 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 24
- G 19
- B 29
RGB color chart
- C 18
- M 35
- Y 0
- K 71
CMYK color chart

● #3d304a color description : Very dark desaturated violet.

The hexadecimal color #3d304a has RGB values of R:61, G:48, B:74 and CMYK values of C:0.18, M:0.35, Y:0, K:0.71. Its decimal value is 4010058.

Hex triplet	3d304a	`#3d304a`
RGB Decimal	61, 48, 74	`rgb(61,48,74)`
RGB Percent	23.9, 18.8, 29	`rgb(23.9%,18.8%,29%)`
CMYK	18, 35, 0, 71
HSL	270°, 21.3, 23.9	`hsl(270,21.3%,23.9%)`
HSV (or HSB)	270°, 35.1, 29
Web Safe	333333	`#333333`

CIE-LAB	22.304, 11.908, -13.892
XYZ	4.217, 3.6, 6.951
xyY	0.286, 0.244, 3.6
CIE-LCH	22.304, 18.297, 310.603
CIE-LUV	22.304, 4.49, -16.979
Hunter-Lab	18.975, 6.466, -8.437
Binary	00111101, 00110000, 01001010

#3d304a
```
#3d304a rgb(61,48,74)
```
#3d4a30
```
#3d4a30 rgb(61,74,48)
```

Complementary Color

#30304a
```
#30304a rgb(48,48,74)
```
#3d304a
```
#3d304a rgb(61,48,74)
```
#4a304a
```
#4a304a rgb(74,48,74)
```

Analogous Color

#304a30
```
#304a30 rgb(48,74,48)
```
#3d304a
```
#3d304a rgb(61,48,74)
```
#4a4a30
```
#4a4a30 rgb(74,74,48)
```

Split Complementary Color

#304a3d
```
#304a3d rgb(48,74,61)
```
#3d304a
```
#3d304a rgb(61,48,74)
```
#4a3d30
```
#4a3d30 rgb(74,61,48)
```

Triadic Color

#303d4a
```
#303d4a rgb(48,61,74)
```
#3d304a
```
#3d304a rgb(61,48,74)
```
#4a3d30
```
#4a3d30 rgb(74,61,48)
```
#3d4a30
```
#3d4a30 rgb(61,74,48)
```

Tetradic Color

#17121c
```
#17121c rgb(23,18,28)
```
#241c2b
```
#241c2b rgb(36,28,43)
```
#30263b
```
#30263b rgb(48,38,59)
```
#3d304a
```
#3d304a rgb(61,48,74)
```
#4a3a59
```
#4a3a59 rgb(74,58,89)
```
#574469
```
#574469 rgb(87,68,105)
```
#634e78
```
#634e78 rgb(99,78,120)
```

Monochromatic Color

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

#37304a
```
#37304a rgb(55,48,74)
```
#39304a
```
#39304a rgb(57,48,74)
```
#3b304a
```
#3b304a rgb(59,48,74)
```
#3d304a
```
#3d304a rgb(61,48,74)
```
#3f304a
```
#3f304a rgb(63,48,74)
```
#41304a
```
#41304a rgb(65,48,74)
```
#44304a
```
#44304a rgb(68,48,74)
```

Similar Colors

Text with hexadecimal color #3d304a

This text has a font color of #3d304a.

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

#3d304a background color

This paragraph has a background color of #3d304a.

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

#3d304a border color

This element has a border color of #3d304a.

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

CSS codes

.text {color:#3d304a;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0c090f
```
#0c090f rgb(12,9,15)
```
#16111a
```
#16111a rgb(22,17,26)
```
#201926
```
#201926 rgb(32,25,38)
```
#292132
```
#292132 rgb(41,33,50)
```
#33283e
```
#33283e rgb(51,40,62)
```
#3d304a
```
#3d304a rgb(61,48,74)
```
#473856
```
#473856 rgb(71,56,86)
```
#513f62
```
#513f62 rgb(81,63,98)
```
#5a476e
```
#5a476e rgb(90,71,110)
```
#644f7a
```
#644f7a rgb(100,79,122)
```
#6e5785
```
#6e5785 rgb(110,87,133)
```
#785e91
```
#785e91 rgb(120,94,145)
```

Shade Color Variation

#82679c
```
#82679c rgb(130,103,156)
```
#8b73a4
```
#8b73a4 rgb(139,115,164)
```
#957fac
```
#957fac rgb(149,127,172)
```
#9f8bb4
```
#9f8bb4 rgb(159,139,180)
```
#a997bb
```
#a997bb rgb(169,151,187)
```
#b3a2c3
```
#b3a2c3 rgb(179,162,195)
```
#bdaecb
```
#bdaecb rgb(189,174,203)
```
#c6bad2
```
#c6bad2 rgb(198,186,210)
```
#d0c6da
```
#d0c6da rgb(208,198,218)
```
#dad2e2
```
#dad2e2 rgb(218,210,226)
```
#e4deea
```
#e4deea rgb(228,222,234)
```
#eeeaf1
```
#eeeaf1 rgb(238,234,241)
```
#f7f6f9
```
#f7f6f9 rgb(247,246,249)
```

Tint Color Variation

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

#3d3941
```
#3d3941 rgb(61,57,65)
```
#3d3545
```
#3d3545 rgb(61,53,69)
```
#3d304a
```
#3d304a rgb(61,48,74)
```
#3d2b4f
```
#3d2b4f rgb(61,43,79)
```
#3d2753
```
#3d2753 rgb(61,39,83)
```
#3d2258
```
#3d2258 rgb(61,34,88)
```
#3d1d5d
```
#3d1d5d rgb(61,29,93)
```
#3d1961
```
#3d1961 rgb(61,25,97)
```
#3d1466
```
#3d1466 rgb(61,20,102)
```
#3d0f6b
```
#3d0f6b rgb(61,15,107)
```
#3d0a70
```
#3d0a70 rgb(61,10,112)
```
#3d0674
```
#3d0674 rgb(61,6,116)
```
#3d0179
```
#3d0179 rgb(61,1,121)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#38363b Atypical Achromatopsia 0.001% of the population

Dichromacy

#383f56 Protanopia 1% of men
#3b3e52 Deuteranopia 1% of men
#433e42 Tritanopia 0.001% of the population

Trichromacy

#393951 Protanomaly 1% of men, 0.01% of women
#3b394f Deuteranomaly 6% of men, 0.4% of women
#413945 Tritanomaly 0.01% of the population

#3d304a hex color

#3d304a Color Information

#3d304a Color Conversion

Color Schemes with #3d304a

Alternatives to #3d304a

#3d304a Preview

Shades and Tints of #3d304a

Tones of #3d304a

Color Blindness Simulator