#382218 hex color

In a RGB color space, hex #382218 is composed of 22% red, 13.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.3% magenta, 57.1% yellow and 78% black. It has a hue angle of 18.8 degrees, a saturation of 40% and a lightness of 15.7%. #382218 color hex could be obtained by blending #704430 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 22
- G 13
- B 9
RGB color chart
- C 0
- M 39
- Y 57
- K 78
CMYK color chart

● #382218 color description : Very dark desaturated orange.

The hexadecimal color #382218 has RGB values of R:56, G:34, B:24 and CMYK values of C:0, M:0.39, Y:0.57, K:0.78. Its decimal value is 3678744.

Hex triplet	382218	`#382218`
RGB Decimal	56, 34, 24	`rgb(56,34,24)`
RGB Percent	22, 13.3, 9.4	`rgb(22%,13.3%,9.4%)`
CMYK	0, 39, 57, 78
HSL	18.8°, 40, 15.7	`hsl(18.8,40%,15.7%)`
HSV (or HSB)	18.8°, 57.1, 22
Web Safe	333300	`#333300`

CIE-LAB	15.752, 9.167, 11.052
XYZ	2.368, 2.051, 1.135
xyY	0.426, 0.369, 2.051
CIE-LCH	15.752, 14.359, 50.328
CIE-LUV	15.752, 12.57, 7.546
Hunter-Lab	14.321, 4.451, 5.325
Binary	00111000, 00100010, 00011000

#382218
```
#382218 rgb(56,34,24)
```
#182e38
```
#182e38 rgb(24,46,56)
```

Complementary Color

#38181e
```
#38181e rgb(56,24,30)
```
#382218
```
#382218 rgb(56,34,24)
```
#383218
```
#383218 rgb(56,50,24)
```

Analogous Color

#181e38
```
#181e38 rgb(24,30,56)
```
#382218
```
#382218 rgb(56,34,24)
```
#183832
```
#183832 rgb(24,56,50)
```

Split Complementary Color

#221838
```
#221838 rgb(34,24,56)
```
#382218
```
#382218 rgb(56,34,24)
```
#183822
```
#183822 rgb(24,56,34)
```

Triadic Color

#38182e
```
#38182e rgb(56,24,46)
```
#382218
```
#382218 rgb(56,34,24)
```
#183822
```
#183822 rgb(24,56,34)
```
#182e38
```
#182e38 rgb(24,46,56)
```

Tetradic Color

#020101
```
#020101 rgb(2,1,1)
```
#140c09
```
#140c09 rgb(20,12,9)
```
#261710
```
#261710 rgb(38,23,16)
```
#382218
```
#382218 rgb(56,34,24)
```
#4a2d20
```
#4a2d20 rgb(74,45,32)
```
#5c3827
```
#5c3827 rgb(92,56,39)
```
#6e432f
```
#6e432f rgb(110,67,47)
```

Monochromatic Color

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

#381a18
```
#381a18 rgb(56,26,24)
```
#381d18
```
#381d18 rgb(56,29,24)
```
#381f18
```
#381f18 rgb(56,31,24)
```
#382218
```
#382218 rgb(56,34,24)
```
#382518
```
#382518 rgb(56,37,24)
```
#382718
```
#382718 rgb(56,39,24)
```
#382a18
```
#382a18 rgb(56,42,24)
```

Similar Colors

Text with hexadecimal color #382218

This text has a font color of #382218.

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

#382218 background color

This paragraph has a background color of #382218.

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

#382218 border color

This element has a border color of #382218.

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

CSS codes

.text {color:#382218;}

.background {background-color:#382218;}

.border {border:1px solid #382218;}

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

#010100
```
#010100 rgb(1,1,0)
```
#0f0906
```
#0f0906 rgb(15,9,6)
```
#1d110c
```
#1d110c rgb(29,17,12)
```
#2a1a12
```
#2a1a12 rgb(42,26,18)
```
#382218
```
#382218 rgb(56,34,24)
```
#462a1e
```
#462a1e rgb(70,42,30)
```
#533324
```
#533324 rgb(83,51,36)
```
#613b2a
```
#613b2a rgb(97,59,42)
```
#6f4330
```
#6f4330 rgb(111,67,48)
```
#7d4c35
```
#7d4c35 rgb(125,76,53)
```
#8a543b
```
#8a543b rgb(138,84,59)
```
#985c41
```
#985c41 rgb(152,92,65)
```
#a66547
```
#a66547 rgb(166,101,71)
```

Shade Color Variation

#b36d4e
```
#b36d4e rgb(179,109,78)
```
#b9795b
```
#b9795b rgb(185,121,91)
```
#bf8469
```
#bf8469 rgb(191,132,105)
```
#c58f77
```
#c58f77 rgb(197,143,119)
```
#cb9a85
```
#cb9a85 rgb(203,154,133)
```
#d0a692
```
#d0a692 rgb(208,166,146)
```
#d6b1a0
```
#d6b1a0 rgb(214,177,160)
```
#dcbcae
```
#dcbcae rgb(220,188,174)
```
#e2c7bb
```
#e2c7bb rgb(226,199,187)
```
#e8d3c9
```
#e8d3c9 rgb(232,211,201)
```
#eeded7
```
#eeded7 rgb(238,222,215)
```
#f4e9e5
```
#f4e9e5 rgb(244,233,229)
```
#faf5f2
```
#faf5f2 rgb(250,245,242)
```

Tint Color Variation

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

#292827
```
#292827 rgb(41,40,39)
```
#2c2724
```
#2c2724 rgb(44,39,36)
```
#2f2521
```
#2f2521 rgb(47,37,33)
```
#32241e
```
#32241e rgb(50,36,30)
```
#35231b
```
#35231b rgb(53,35,27)
```
#382218
```
#382218 rgb(56,34,24)
```
#3b2115
```
#3b2115 rgb(59,33,21)
```
#3e2012
```
#3e2012 rgb(62,32,18)
```
#411f0f
```
#411f0f rgb(65,31,15)
```
#441d0c
```
#441d0c rgb(68,29,12)
```
#471c09
```
#471c09 rgb(71,28,9)
```
#4a1b06
```
#4a1b06 rgb(74,27,6)
```
#4e1a02
```
#4e1a02 rgb(78,26,2)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#2a2624 Atypical Achromatopsia 0.001% of the population

Dichromacy

#363225 Protanopia 1% of men
#3b3023 Deuteranopia 1% of men
#432c2e Tritanopia 0.001% of the population

Trichromacy

#362c20 Protanomaly 1% of men, 0.01% of women
#3a2b1f Deuteranomaly 6% of men, 0.4% of women
#3f2826 Tritanomaly 0.01% of the population

#382218 hex color

#382218 Color Information

#382218 Color Conversion

Color Schemes with #382218

Alternatives to #382218

#382218 Preview

Shades and Tints of #382218

Tones of #382218

Color Blindness Simulator