#3a180c hex color

In a RGB color space, hex #3a180c is composed of 22.7% red, 9.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.6% magenta, 79.3% yellow and 77.3% black. It has a hue angle of 15.7 degrees, a saturation of 65.7% and a lightness of 13.7%. #3a180c color hex could be obtained by blending #743018 with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 23
- G 9
- B 5
RGB color chart
- C 0
- M 59
- Y 79
- K 77
CMYK color chart

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

The hexadecimal color #3a180c has RGB values of R:58, G:24, B:12 and CMYK values of C:0, M:0.59, Y:0.79, K:0.77. Its decimal value is 3807244.

Hex triplet	3a180c	`#3a180c`
RGB Decimal	58, 24, 12	`rgb(58,24,12)`
RGB Percent	22.7, 9.4, 4.7	`rgb(22.7%,9.4%,4.7%)`
CMYK	0, 59, 79, 77
HSL	15.7°, 65.7, 13.7	`hsl(15.7,65.7%,13.7%)`
HSV (or HSB)	15.7°, 79.3, 22.7
Web Safe	330000	`#330000`

CIE-LAB	13.105, 15.69, 14.87
XYZ	2.138, 1.58, 0.54
xyY	0.502, 0.371, 1.58
CIE-LCH	13.105, 21.617, 43.462
CIE-LUV	13.105, 19.369, 8.436
Hunter-Lab	12.568, 8.371, 6.25
Binary	00111010, 00011000, 00001100

#3a180c
```
#3a180c rgb(58,24,12)
```
#0c2e3a
```
#0c2e3a rgb(12,46,58)
```

Complementary Color

#3a0c17
```
#3a0c17 rgb(58,12,23)
```
#3a180c
```
#3a180c rgb(58,24,12)
```
#3a2f0c
```
#3a2f0c rgb(58,47,12)
```

Analogous Color

#0c173a
```
#0c173a rgb(12,23,58)
```
#3a180c
```
#3a180c rgb(58,24,12)
```
#0c3a2f
```
#0c3a2f rgb(12,58,47)
```

Split Complementary Color

#180c3a
```
#180c3a rgb(24,12,58)
```
#3a180c
```
#3a180c rgb(58,24,12)
```
#0c3a18
```
#0c3a18 rgb(12,58,24)
```

Triadic Color

#3a0c2e
```
#3a0c2e rgb(58,12,46)
```
#3a180c
```
#3a180c rgb(58,24,12)
```
#0c3a18
```
#0c3a18 rgb(12,58,24)
```
#0c2e3a
```
#0c2e3a rgb(12,46,58)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#100703
```
#100703 rgb(16,7,3)
```
#250f08
```
#250f08 rgb(37,15,8)
```
#3a180c
```
#3a180c rgb(58,24,12)
```
#4f2110
```
#4f2110 rgb(79,33,16)
```
#642915
```
#642915 rgb(100,41,21)
```
#793219
```
#793219 rgb(121,50,25)
```

Monochromatic Color

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

#3a0d0c
```
#3a0d0c rgb(58,13,12)
```
#3a100c
```
#3a100c rgb(58,16,12)
```
#3a140c
```
#3a140c rgb(58,20,12)
```
#3a180c
```
#3a180c rgb(58,24,12)
```
#3a1c0c
```
#3a1c0c rgb(58,28,12)
```
#3a200c
```
#3a200c rgb(58,32,12)
```
#3a240c
```
#3a240c rgb(58,36,12)
```

Similar Colors

Text with hexadecimal color #3a180c

This text has a font color of #3a180c.

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

#3a180c background color

This paragraph has a background color of #3a180c.

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

#3a180c border color

This element has a border color of #3a180c.

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

CSS codes

.text {color:#3a180c;}

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

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

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

#090402
```
#090402 rgb(9,4,2)
```
#190b05
```
#190b05 rgb(25,11,5)
```
#2a1109
```
#2a1109 rgb(42,17,9)
```
#3a180c
```
#3a180c rgb(58,24,12)
```
#4a1f0f
```
#4a1f0f rgb(74,31,15)
```
#5b2513
```
#5b2513 rgb(91,37,19)
```
#6b2c16
```
#6b2c16 rgb(107,44,22)
```
#7b3319
```
#7b3319 rgb(123,51,25)
```
#8b3a1d
```
#8b3a1d rgb(139,58,29)
```
#9c4020
```
#9c4020 rgb(156,64,32)
```
#ac4724
```
#ac4724 rgb(172,71,36)
```
#bc4e27
```
#bc4e27 rgb(188,78,39)
```
#cc552a
```
#cc552a rgb(204,85,42)
```

Shade Color Variation

#d55f35
```
#d55f35 rgb(213,95,53)
```
#d96c45
```
#d96c45 rgb(217,108,69)
```
#dc7955
```
#dc7955 rgb(220,121,85)
```
#df8566
```
#df8566 rgb(223,133,102)
```
#e39276
```
#e39276 rgb(227,146,118)
```
#e69f86
```
#e69f86 rgb(230,159,134)
```
#e9ac96
```
#e9ac96 rgb(233,172,150)
```
#edb9a7
```
#edb9a7 rgb(237,185,167)
```
#f0c6b7
```
#f0c6b7 rgb(240,198,183)
```
#f3d3c7
```
#f3d3c7 rgb(243,211,199)
```
#f7e0d7
```
#f7e0d7 rgb(247,224,215)
```
#faede8
```
#faede8 rgb(250,237,232)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#242222
```
#242222 rgb(36,34,34)
```
#27211f
```
#27211f rgb(39,33,31)
```
#2a201c
```
#2a201c rgb(42,32,28)
```
#2d1e19
```
#2d1e19 rgb(45,30,25)
```
#2f1d17
```
#2f1d17 rgb(47,29,23)
```
#321c14
```
#321c14 rgb(50,28,20)
```
#351b11
```
#351b11 rgb(53,27,17)
```
#37190f
```
#37190f rgb(55,25,15)
```
#3a180c
```
#3a180c rgb(58,24,12)
```
#3d1709
```
#3d1709 rgb(61,23,9)
```
#3f1507
```
#3f1507 rgb(63,21,7)
```
#421404
```
#421404 rgb(66,20,4)
```
#451301
```
#451301 rgb(69,19,1)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#261f1d Atypical Achromatopsia 0.001% of the population

Dichromacy

#312d1b Protanopia 1% of men
#372b16 Deuteranopia 1% of men
#442224 Tritanopia 0.001% of the population

Trichromacy

#342515 Protanomaly 1% of men, 0.01% of women
#382412 Deuteranomaly 6% of men, 0.4% of women
#401e1b Tritanomaly 0.01% of the population

#3a180c hex color

#3a180c Color Information

#3a180c Color Conversion

Color Schemes with #3a180c

Alternatives to #3a180c

#3a180c Preview

Shades and Tints of #3a180c

Tones of #3a180c

Color Blindness Simulator