colorhexa.com

#6c311a hex color

In a RGB color space, hex #6c311a is composed of 42.4% red, 19.2% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.6% magenta, 75.9% yellow and 57.6% black. It has a hue angle of 16.8 degrees, a saturation of 61.2% and a lightness of 26.3%. #6c311a color hex could be obtained by blending #d86234 with #000000. Closest websafe color is: #663333.

- R 42
- G 19
- B 10
RGB color chart
- C 0
- M 55
- Y 76
- K 58
CMYK color chart

● #6c311a color description : Very dark orange [Brown tone].

The hexadecimal color #6c311a has RGB values of R:108, G:49, B:26 and CMYK values of C:0, M:0.55, Y:0.76, K:0.58. Its decimal value is 7090458.

Hex triplet	6c311a	`#6c311a`
RGB Decimal	108, 49, 26	`rgb(108,49,26)`
RGB Percent	42.4, 19.2, 10.2	`rgb(42.4%,19.2%,10.2%)`
CMYK	0, 55, 76, 58
HSL	16.8°, 61.2, 26.3	`hsl(16.8,61.2%,26.3%)`
HSV (or HSB)	16.8°, 75.9, 42.4
Web Safe	663333	`#663333`

CIE-LAB	28.007, 24.481, 26.505
XYZ	7.469, 5.46, 1.638
xyY	0.513, 0.375, 5.46
CIE-LCH	28.007, 36.08, 47.273
CIE-LUV	28.007, 43.345, 19.247
Hunter-Lab	23.367, 16.167, 12.201
Binary	01101100, 00110001, 00011010

#6c311a
```
#6c311a rgb(108,49,26)
```
#1a556c
```
#1a556c rgb(26,85,108)
```

Complementary Color

#6c1a2c
```
#6c1a2c rgb(108,26,44)
```
#6c311a
```
#6c311a rgb(108,49,26)
```
#6c5a1a
```
#6c5a1a rgb(108,90,26)
```

Analogous Color

#1a2c6c
```
#1a2c6c rgb(26,44,108)
```
#6c311a
```
#6c311a rgb(108,49,26)
```
#1a6c5a
```
#1a6c5a rgb(26,108,90)
```

Split Complementary Color

#311a6c
```
#311a6c rgb(49,26,108)
```
#6c311a
```
#6c311a rgb(108,49,26)
```
#1a6c31
```
#1a6c31 rgb(26,108,49)
```

Triadic Color

#2e150b
```
#2e150b rgb(46,21,11)
```
#431e10
```
#431e10 rgb(67,30,16)
```
#572815
```
#572815 rgb(87,40,21)
```
#6c311a
```
#6c311a rgb(108,49,26)
```
#813a1f
```
#813a1f rgb(129,58,31)
```
#954424
```
#954424 rgb(149,68,36)
```
#aa4d29
```
#aa4d29 rgb(170,77,41)
```

Monochromatic Color

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

#6c1d1a
```
#6c1d1a rgb(108,29,26)
```
#6c231a
```
#6c231a rgb(108,35,26)
```
#6c2a1a
```
#6c2a1a rgb(108,42,26)
```
#6c311a
```
#6c311a rgb(108,49,26)
```
#6c381a
```
#6c381a rgb(108,56,26)
```
#6c3f1a
```
#6c3f1a rgb(108,63,26)
```
#6c461a
```
#6c461a rgb(108,70,26)
```

Similar Colors

Text with hexadecimal color #6c311a

This text has a font color of #6c311a.

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

#6c311a background color

This paragraph has a background color of #6c311a.

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

#6c311a border color

This element has a border color of #6c311a.

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

CSS codes

.text {color:#6c311a;}

.background {background-color:#6c311a;}

.border {border:1px solid #6c311a;}

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

#0d0603
```
#0d0603 rgb(13,6,3)
```
#1d0d07
```
#1d0d07 rgb(29,13,7)
```
#2d140b
```
#2d140b rgb(45,20,11)
```
#3d1b0f
```
#3d1b0f rgb(61,27,15)
```
#4c2312
```
#4c2312 rgb(76,35,18)
```
#5c2a16
```
#5c2a16 rgb(92,42,22)
```
#6c311a
```
#6c311a rgb(108,49,26)
```
#7c381e
```
#7c381e rgb(124,56,30)
```
#8c3f22
```
#8c3f22 rgb(140,63,34)
```
#9b4725
```
#9b4725 rgb(155,71,37)
```
#ab4e29
```
#ab4e29 rgb(171,78,41)
```
#bb552d
```
#bb552d rgb(187,85,45)
```
#cb5c31
```
#cb5c31 rgb(203,92,49)
```

Shade Color Variation

#d1683f
```
#d1683f rgb(209,104,63)
```
#d4744e
```
#d4744e rgb(212,116,78)
```
#d8805e
```
#d8805e rgb(216,128,94)
```
#dc8d6e
```
#dc8d6e rgb(220,141,110)
```
#e0997e
```
#e0997e rgb(224,153,126)
```
#e4a68e
```
#e4a68e rgb(228,166,142)
```
#e8b29d
```
#e8b29d rgb(232,178,157)
```
#ebbfad
```
#ebbfad rgb(235,191,173)
```
#efcbbd
```
#efcbbd rgb(239,203,189)
```
#f3d8cd
```
#f3d8cd rgb(243,216,205)
```
#f7e4dd
```
#f7e4dd rgb(247,228,221)
```
#fbf0ed
```
#fbf0ed rgb(251,240,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#48413e
```
#48413e rgb(72,65,62)
```
#4d3f39
```
#4d3f39 rgb(77,63,57)
```
#523c34
```
#523c34 rgb(82,60,52)
```
#573a2f
```
#573a2f rgb(87,58,47)
```
#5d3829
```
#5d3829 rgb(93,56,41)
```
#623624
```
#623624 rgb(98,54,36)
```
#67331f
```
#67331f rgb(103,51,31)
```
#6c311a
```
#6c311a rgb(108,49,26)
```
#712f15
```
#712f15 rgb(113,47,21)
```
#762c10
```
#762c10 rgb(118,44,16)
```
#7b2a0b
```
#7b2a0b rgb(123,42,11)
```
#812805
```
#812805 rgb(129,40,5)
```
#862600
```
#862600 rgb(134,38,0)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#493d38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#534b2a Protanopia 1% of men
#5d4822 Deuteranopia 1% of men
#74383c Tritanopia 0.001% of the population

Trichromacy

#5c4224 Protanomaly 1% of men, 0.01% of women
#623f1f Deuteranomaly 6% of men, 0.4% of women
#71362f Tritanomaly 0.01% of the population