#33180a hex color

In a RGB color space, hex #33180a is composed of 20% red, 9.4% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 80.4% yellow and 80% black. It has a hue angle of 20.5 degrees, a saturation of 67.2% and a lightness of 12%. #33180a color hex could be obtained by blending #663014 with #000000. Closest websafe color is: #330000.

♥
- f
- t
- g
- R 20
- G 9
- B 4
RGB color chart
- C 0
- M 53
- Y 80
- K 80
CMYK color chart

● #33180a color description : Very dark orange [Brown tone].

The hexadecimal color #33180a has RGB values of R:51, G:24, B:10 and CMYK values of C:0, M:0.53, Y:0.8, K:0.8. Its decimal value is 3348490.

Hex triplet	33180a	`#33180a`
RGB Decimal	51, 24, 10	`rgb(51,24,10)`
RGB Percent	20, 9.4, 3.9	`rgb(20%,9.4%,3.9%)`
CMYK	0, 53, 80, 80
HSL	20.5°, 67.2, 12	`hsl(20.5,67.2%,12%)`
HSV (or HSB)	20.5°, 80.4, 20
Web Safe	330000	`#330000`

CIE-LAB	11.818, 12.041, 13.777
XYZ	1.747, 1.379, 0.461
xyY	0.487, 0.384, 1.379
CIE-LCH	11.818, 18.297, 48.847
CIE-LUV	11.818, 14.673, 8.111
Hunter-Lab	11.744, 5.998, 5.891
Binary	00110011, 00011000, 00001010

#33180a
```
#33180a rgb(51,24,10)
```
#0a2533
```
#0a2533 rgb(10,37,51)
```

Complementary Color

#330a11
```
#330a11 rgb(51,10,17)
```
#33180a
```
#33180a rgb(51,24,10)
```
#332d0a
```
#332d0a rgb(51,45,10)
```

Analogous Color

#0a1133
```
#0a1133 rgb(10,17,51)
```
#33180a
```
#33180a rgb(51,24,10)
```
#0a332d
```
#0a332d rgb(10,51,45)
```

Split Complementary Color

#180a33
```
#180a33 rgb(24,10,51)
```
#33180a
```
#33180a rgb(51,24,10)
```
#0a3318
```
#0a3318 rgb(10,51,24)
```

Triadic Color

#330a25
```
#330a25 rgb(51,10,37)
```
#33180a
```
#33180a rgb(51,24,10)
```
#0a3318
```
#0a3318 rgb(10,51,24)
```
#0a2533
```
#0a2533 rgb(10,37,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#080402
```
#080402 rgb(8,4,2)
```
#1e0e06
```
#1e0e06 rgb(30,14,6)
```
#33180a
```
#33180a rgb(51,24,10)
```
#48220e
```
#48220e rgb(72,34,14)
```
#5e2c12
```
#5e2c12 rgb(94,44,18)
```
#733617
```
#733617 rgb(115,54,23)
```

Monochromatic Color

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

#330e0a
```
#330e0a rgb(51,14,10)
```
#33110a
```
#33110a rgb(51,17,10)
```
#33150a
```
#33150a rgb(51,21,10)
```
#33180a
```
#33180a rgb(51,24,10)
```
#331b0a
```
#331b0a rgb(51,27,10)
```
#331f0a
```
#331f0a rgb(51,31,10)
```
#33220a
```
#33220a rgb(51,34,10)
```

Similar Colors

Text with hexadecimal color #33180a

This text has a font color of #33180a.

<span style="color:#33180a;">Text here</span>

#33180a background color

This paragraph has a background color of #33180a.

<p style="background-color:#33180a;">Content here</p>

#33180a border color

This element has a border color of #33180a.

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

CSS codes

.text {color:#33180a;}

.background {background-color:#33180a;}

.border {border:1px solid #33180a;}

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

#020100
```
#020100 rgb(2,1,0)
```
#120904
```
#120904 rgb(18,9,4)
```
#231007
```
#231007 rgb(35,16,7)
```
#33180a
```
#33180a rgb(51,24,10)
```
#43200d
```
#43200d rgb(67,32,13)
```
#542710
```
#542710 rgb(84,39,16)
```
#642f14
```
#642f14 rgb(100,47,20)
```
#753717
```
#753717 rgb(117,55,23)
```
#853f1a
```
#853f1a rgb(133,63,26)
```
#95461d
```
#95461d rgb(149,70,29)
```
#a64e21
```
#a64e21 rgb(166,78,33)
```
#b65624
```
#b65624 rgb(182,86,36)
```
#c75d27
```
#c75d27 rgb(199,93,39)
```

Shade Color Variation

#d6662c
```
#d6662c rgb(214,102,44)
```
#d9723c
```
#d9723c rgb(217,114,60)
```
#dc7d4c
```
#dc7d4c rgb(220,125,76)
```
#df895d
```
#df895d rgb(223,137,93)
```
#e2956d
```
#e2956d rgb(226,149,109)
```
#e6a17e
```
#e6a17e rgb(230,161,126)
```
#e9ad8e
```
#e9ad8e rgb(233,173,142)
```
#ecb99e
```
#ecb99e rgb(236,185,158)
```
#efc5af
```
#efc5af rgb(239,197,175)
```
#f2d1bf
```
#f2d1bf rgb(242,209,191)
```
#f6ddd0
```
#f6ddd0 rgb(246,221,208)
```
#f9e9e0
```
#f9e9e0 rgb(249,233,224)
```
#fcf4f0
```
#fcf4f0 rgb(252,244,240)
```

Tint Color Variation

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

#201e1d
```
#201e1d rgb(32,30,29)
```
#231d1a
```
#231d1a rgb(35,29,26)
```
#251c18
```
#251c18 rgb(37,28,24)
```
#271c16
```
#271c16 rgb(39,28,22)
```
#2a1b13
```
#2a1b13 rgb(42,27,19)
```
#2c1a11
```
#2c1a11 rgb(44,26,17)
```
#2e190f
```
#2e190f rgb(46,25,15)
```
#31190c
```
#31190c rgb(49,25,12)
```
#33180a
```
#33180a rgb(51,24,10)
```
#351708
```
#351708 rgb(53,23,8)
```
#381705
```
#381705 rgb(56,23,5)
```
#3a1603
```
#3a1603 rgb(58,22,3)
```
#3c1501
```
#3c1501 rgb(60,21,1)
```

Tone Color Variation

Below, you can see how #33180a 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

#1e1e1e Achromatopsia 0.005% of the population
#221d1a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e2a18 Protanopia 1% of men
#342815 Deuteranopia 1% of men
#3e2224 Tritanopia 0.001% of the population

Trichromacy

#302313 Protanomaly 1% of men, 0.01% of women
#332211 Deuteranomaly 6% of men, 0.4% of women
#3a1e1a Tritanomaly 0.01% of the population

#33180a hex color

#33180a Color Information

#33180a Color Conversion

Color Schemes with #33180a

Alternatives to #33180a

#33180a Preview

Shades and Tints of #33180a

Tones of #33180a

Color Blindness Simulator