#3d3018 hex color

In a RGB color space, hex #3d3018 is composed of 23.9% red, 18.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.3% magenta, 60.7% yellow and 76.1% black. It has a hue angle of 38.9 degrees, a saturation of 43.5% and a lightness of 16.7%. #3d3018 color hex could be obtained by blending #7a6030 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 24
- G 19
- B 9
RGB color chart
- C 0
- M 21
- Y 61
- K 76
CMYK color chart

● #3d3018 color description : Very dark orange [Brown tone].

The hexadecimal color #3d3018 has RGB values of R:61, G:48, B:24 and CMYK values of C:0, M:0.21, Y:0.61, K:0.76. Its decimal value is 4010008.

Hex triplet	3d3018	`#3d3018`
RGB Decimal	61, 48, 24	`rgb(61,48,24)`
RGB Percent	23.9, 18.8, 9.4	`rgb(23.9%,18.8%,9.4%)`
CMYK	0, 21, 61, 76
HSL	38.9°, 43.5, 16.7	`hsl(38.9,43.5%,16.7%)`
HSV (or HSB)	38.9°, 60.7, 23.9
Web Safe	333300	`#333300`

CIE-LAB	20.72, 2.266, 17.475
XYZ	3.146, 3.172, 1.311
xyY	0.412, 0.416, 3.172
CIE-LCH	20.72, 17.621, 82.612
CIE-LUV	20.72, 8.73, 14.536
Hunter-Lab	17.81, 0.365, 8.104
Binary	00111101, 00110000, 00011000

#3d3018
```
#3d3018 rgb(61,48,24)
```
#18253d
```
#18253d rgb(24,37,61)
```

Complementary Color

#3d1e18
```
#3d1e18 rgb(61,30,24)
```
#3d3018
```
#3d3018 rgb(61,48,24)
```
#383d18
```
#383d18 rgb(56,61,24)
```

Analogous Color

#1e183d
```
#1e183d rgb(30,24,61)
```
#3d3018
```
#3d3018 rgb(61,48,24)
```
#18383d
```
#18383d rgb(24,56,61)
```

Split Complementary Color

#30183d
```
#30183d rgb(48,24,61)
```
#3d3018
```
#3d3018 rgb(61,48,24)
```
#183d30
```
#183d30 rgb(24,61,48)
```

Triadic Color

#3d1825
```
#3d1825 rgb(61,24,37)
```
#3d3018
```
#3d3018 rgb(61,48,24)
```
#183d30
```
#183d30 rgb(24,61,48)
```
#18253d
```
#18253d rgb(24,37,61)
```

Tetradic Color

#060502
```
#060502 rgb(6,5,2)
```
#18130a
```
#18130a rgb(24,19,10)
```
#2b2211
```
#2b2211 rgb(43,34,17)
```
#3d3018
```
#3d3018 rgb(61,48,24)
```
#4f3e1f
```
#4f3e1f rgb(79,62,31)
```
#624d26
```
#624d26 rgb(98,77,38)
```
#745b2e
```
#745b2e rgb(116,91,46)
```

Monochromatic Color

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

#3d2718
```
#3d2718 rgb(61,39,24)
```
#3d2a18
```
#3d2a18 rgb(61,42,24)
```
#3d2d18
```
#3d2d18 rgb(61,45,24)
```
#3d3018
```
#3d3018 rgb(61,48,24)
```
#3d3318
```
#3d3318 rgb(61,51,24)
```
#3d3618
```
#3d3618 rgb(61,54,24)
```
#3d3918
```
#3d3918 rgb(61,57,24)
```

Similar Colors

Text with hexadecimal color #3d3018

This text has a font color of #3d3018.

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

#3d3018 background color

This paragraph has a background color of #3d3018.

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

#3d3018 border color

This element has a border color of #3d3018.

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

CSS codes

.text {color:#3d3018;}

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

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

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

#050402
```
#050402 rgb(5,4,2)
```
#130f07
```
#130f07 rgb(19,15,7)
```
#211a0d
```
#211a0d rgb(33,26,13)
```
#2f2512
```
#2f2512 rgb(47,37,18)
```
#3d3018
```
#3d3018 rgb(61,48,24)
```
#4b3b1e
```
#4b3b1e rgb(75,59,30)
```
#594623
```
#594623 rgb(89,70,35)
```
#675129
```
#675129 rgb(103,81,41)
```
#755c2e
```
#755c2e rgb(117,92,46)
```
#836734
```
#836734 rgb(131,103,52)
```
#917239
```
#917239 rgb(145,114,57)
```
#a07e3f
```
#a07e3f rgb(160,126,63)
```
#ae8944
```
#ae8944 rgb(174,137,68)
```

Shade Color Variation

#b9934d
```
#b9934d rgb(185,147,77)
```
#be9b5b
```
#be9b5b rgb(190,155,91)
```
#c4a469
```
#c4a469 rgb(196,164,105)
```
#c9ac77
```
#c9ac77 rgb(201,172,119)
```
#cfb585
```
#cfb585 rgb(207,181,133)
```
#d5be93
```
#d5be93 rgb(213,190,147)
```
#dac6a1
```
#dac6a1 rgb(218,198,161)
```
#e0cfaf
```
#e0cfaf rgb(224,207,175)
```
#e5d7bd
```
#e5d7bd rgb(229,215,189)
```
#ebe0cb
```
#ebe0cb rgb(235,224,203)
```
#f0e8d9
```
#f0e8d9 rgb(240,232,217)
```
#f6f1e8
```
#f6f1e8 rgb(246,241,232)
```
#fbf9f6
```
#fbf9f6 rgb(251,249,246)
```

Tint Color Variation

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

#2d2b28
```
#2d2b28 rgb(45,43,40)
```
#302c25
```
#302c25 rgb(48,44,37)
```
#332d22
```
#332d22 rgb(51,45,34)
```
#362e1f
```
#362e1f rgb(54,46,31)
```
#3a2f1b
```
#3a2f1b rgb(58,47,27)
```
#3d3018
```
#3d3018 rgb(61,48,24)
```
#403115
```
#403115 rgb(64,49,21)
```
#443211
```
#443211 rgb(68,50,17)
```
#47330e
```
#47330e rgb(71,51,14)
```
#4a340b
```
#4a340b rgb(74,52,11)
```
#4d3508
```
#4d3508 rgb(77,53,8)
```
#513604
```
#513604 rgb(81,54,4)
```
#543701
```
#543701 rgb(84,55,1)
```

Tone Color Variation

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

#313131 Achromatopsia 0.005% of the population
#33312c Atypical Achromatopsia 0.001% of the population

Dichromacy

#423c24 Protanopia 1% of men
#493924 Deuteranopia 1% of men
#49373b Tritanopia 0.001% of the population

Trichromacy

#403720 Protanomaly 1% of men, 0.01% of women
#44361f Deuteranomaly 6% of men, 0.4% of women
#44352e Tritanomaly 0.01% of the population

#3d3018 hex color

#3d3018 Color Information

#3d3018 Color Conversion

Color Schemes with #3d3018

Alternatives to #3d3018

#3d3018 Preview

Shades and Tints of #3d3018

Tones of #3d3018

Color Blindness Simulator