#2a180f hex color

In a RGB color space, hex #2a180f is composed of 16.5% red, 9.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.9% magenta, 64.3% yellow and 83.5% black. It has a hue angle of 20 degrees, a saturation of 47.4% and a lightness of 11.2%. #2a180f color hex could be obtained by blending #54301e with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 16
- G 9
- B 6
RGB color chart
- C 0
- M 43
- Y 64
- K 84
CMYK color chart

● #2a180f color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #2a180f has RGB values of R:42, G:24, B:15 and CMYK values of C:0, M:0.43, Y:0.64, K:0.84. Its decimal value is 2758671.

Hex triplet	2a180f	`#2a180f`
RGB Decimal	42, 24, 15	`rgb(42,24,15)`
RGB Percent	16.5, 9.4, 5.9	`rgb(16.5%,9.4%,5.9%)`
CMYK	0, 43, 64, 84
HSL	20°, 47.4, 11.2	`hsl(20,47.4%,11.2%)`
HSV (or HSB)	20°, 64.3, 16.5
Web Safe	330000	`#330000`

CIE-LAB	10.41, 7.781, 9.256
XYZ	1.368, 1.18, 0.608
xyY	0.433, 0.374, 1.18
CIE-LCH	10.41, 12.092, 49.948
CIE-LUV	10.41, 8.664, 5.417
Hunter-Lab	10.863, 3.463, 4.288
Binary	00101010, 00011000, 00001111

#2a180f
```
#2a180f rgb(42,24,15)
```
#0f212a
```
#0f212a rgb(15,33,42)
```

Complementary Color

#2a0f14
```
#2a0f14 rgb(42,15,20)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#2a260f
```
#2a260f rgb(42,38,15)
```

Analogous Color

#0f142a
```
#0f142a rgb(15,20,42)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#0f2a26
```
#0f2a26 rgb(15,42,38)
```

Split Complementary Color

#180f2a
```
#180f2a rgb(24,15,42)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#0f2a18
```
#0f2a18 rgb(15,42,24)
```

Triadic Color

#2a0f21
```
#2a0f21 rgb(42,15,33)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#0f2a18
```
#0f2a18 rgb(15,42,24)
```
#0f212a
```
#0f212a rgb(15,33,42)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#040302
```
#040302 rgb(4,3,2)
```
#170d08
```
#170d08 rgb(23,13,8)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#3d2316
```
#3d2316 rgb(61,35,22)
```
#502d1c
```
#502d1c rgb(80,45,28)
```
#623823
```
#623823 rgb(98,56,35)
```

Monochromatic Color

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

#2a110f
```
#2a110f rgb(42,17,15)
```
#2a140f
```
#2a140f rgb(42,20,15)
```
#2a160f
```
#2a160f rgb(42,22,15)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#2a1a0f
```
#2a1a0f rgb(42,26,15)
```
#2a1d0f
```
#2a1d0f rgb(42,29,15)
```
#2a1f0f
```
#2a1f0f rgb(42,31,15)
```

Similar Colors

Text with hexadecimal color #2a180f

This text has a font color of #2a180f.

<span style="color:#2a180f;">Text here</span>

#2a180f background color

This paragraph has a background color of #2a180f.

<p style="background-color:#2a180f;">Content here</p>

#2a180f border color

This element has a border color of #2a180f.

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

CSS codes

.text {color:#2a180f;}

.background {background-color:#2a180f;}

.border {border:1px solid #2a180f;}

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, #0d0705 is the darkest color, while #fffefe is the lightest one.

#0d0705
```
#0d0705 rgb(13,7,5)
```
#1c100a
```
#1c100a rgb(28,16,10)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#382014
```
#382014 rgb(56,32,20)
```
#472919
```
#472919 rgb(71,41,25)
```
#55311e
```
#55311e rgb(85,49,30)
```
#643924
```
#643924 rgb(100,57,36)
```
#724129
```
#724129 rgb(114,65,41)
```
#814a2e
```
#814a2e rgb(129,74,46)
```
#8f5233
```
#8f5233 rgb(143,82,51)
```
#9e5a38
```
#9e5a38 rgb(158,90,56)
```
#ac623d
```
#ac623d rgb(172,98,61)
```
#bb6b43
```
#bb6b43 rgb(187,107,67)
```

Shade Color Variation

#c17650
```
#c17650 rgb(193,118,80)
```
#c6815f
```
#c6815f rgb(198,129,95)
```
#cb8c6d
```
#cb8c6d rgb(203,140,109)
```
#d0987c
```
#d0987c rgb(208,152,124)
```
#d5a38a
```
#d5a38a rgb(213,163,138)
```
#daae98
```
#daae98 rgb(218,174,152)
```
#e0baa7
```
#e0baa7 rgb(224,186,167)
```
#e5c5b5
```
#e5c5b5 rgb(229,197,181)
```
#ead1c4
```
#ead1c4 rgb(234,209,196)
```
#efdcd2
```
#efdcd2 rgb(239,220,210)
```
#f4e7e1
```
#f4e7e1 rgb(244,231,225)
```
#f9f3ef
```
#f9f3ef rgb(249,243,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#1d1c1c
```
#1d1c1c rgb(29,28,28)
```
#1f1c1a
```
#1f1c1a rgb(31,28,26)
```
#211b18
```
#211b18 rgb(33,27,24)
```
#231a16
```
#231a16 rgb(35,26,22)
```
#261913
```
#261913 rgb(38,25,19)
```
#281911
```
#281911 rgb(40,25,17)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#2c170d
```
#2c170d rgb(44,23,13)
```
#2e170b
```
#2e170b rgb(46,23,11)
```
#311608
```
#311608 rgb(49,22,8)
```
#331506
```
#331506 rgb(51,21,6)
```
#351404
```
#351404 rgb(53,20,4)
```
#371402
```
#371402 rgb(55,20,2)
```

Tone Color Variation

Below, you can see how #2a180f 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

#1c1c1c Achromatopsia 0.005% of the population
#1f1b19 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b281d Protanopia 1% of men
#2f261a Deuteranopia 1% of men
#352225 Tritanopia 0.001% of the population

Trichromacy

#2a2217 Protanomaly 1% of men, 0.01% of women
#2d2116 Deuteranomaly 6% of men, 0.4% of women
#311e1d Tritanomaly 0.01% of the population

#2a180f hex color

#2a180f Color Information

#2a180f Color Conversion

Color Schemes with #2a180f

Alternatives to #2a180f

#2a180f Preview

Shades and Tints of #2a180f

Tones of #2a180f

Color Blindness Simulator