#6b5f30 hex color

In a RGB color space, hex #6b5f30 is composed of 42% red, 37.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.2% magenta, 55.1% yellow and 58% black. It has a hue angle of 47.8 degrees, a saturation of 38.1% and a lightness of 30.4%. #6b5f30 color hex could be obtained by blending #d6be60 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 42
- G 37
- B 19
RGB color chart
- C 0
- M 11
- Y 55
- K 58
CMYK color chart

● #6b5f30 color description : Very dark desaturated yellow.

The hexadecimal color #6b5f30 has RGB values of R:107, G:95, B:48 and CMYK values of C:0, M:0.11, Y:0.55, K:0.58. Its decimal value is 7036720.

Hex triplet	6b5f30	`#6b5f30`
RGB Decimal	107, 95, 48	`rgb(107,95,48)`
RGB Percent	42, 37.3, 18.8	`rgb(42%,37.3%,18.8%)`
CMYK	0, 11, 55, 58
HSL	47.8°, 38.1, 30.4	`hsl(47.8,38.1%,30.4%)`
HSV (or HSB)	47.8°, 55.1, 42
Web Safe	666633	`#666633`

CIE-LAB	40.449, -1.971, 28.397
XYZ	10.689, 11.524, 4.457
xyY	0.401, 0.432, 11.524
CIE-LCH	40.449, 28.465, 93.97
CIE-LUV	40.449, 10.141, 30.683
Hunter-Lab	33.947, -3.201, 15.978
Binary	01101011, 01011111, 00110000

#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#303c6b
```
#303c6b rgb(48,60,107)
```

Complementary Color

#6b4230
```
#6b4230 rgb(107,66,48)
```
#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#5a6b30
```
#5a6b30 rgb(90,107,48)
```

Analogous Color

#41306b
```
#41306b rgb(65,48,107)
```
#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#305a6b
```
#305a6b rgb(48,90,107)
```

Split Complementary Color

#5f306b
```
#5f306b rgb(95,48,107)
```
#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#306b5f
```
#306b5f rgb(48,107,95)
```

Triadic Color

#6b303c
```
#6b303c rgb(107,48,60)
```
#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#303c6b
```
#303c6b rgb(48,60,107)
```

Tetradic Color

#363018
```
#363018 rgb(54,48,24)
```
#484020
```
#484020 rgb(72,64,32)
```
#594f28
```
#594f28 rgb(89,79,40)
```
#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#7d6f38
```
#7d6f38 rgb(125,111,56)
```
#8e7e40
```
#8e7e40 rgb(142,126,64)
```
#a08e48
```
#a08e48 rgb(160,142,72)
```

Monochromatic Color

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

#6b5030
```
#6b5030 rgb(107,80,48)
```
#6b5530
```
#6b5530 rgb(107,85,48)
```
#6b5a30
```
#6b5a30 rgb(107,90,48)
```
#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#6b6430
```
#6b6430 rgb(107,100,48)
```
#6b6930
```
#6b6930 rgb(107,105,48)
```
#686b30
```
#686b30 rgb(104,107,48)
```

Similar Colors

Text with hexadecimal color #6b5f30

This text has a font color of #6b5f30.

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

#6b5f30 background color

This paragraph has a background color of #6b5f30.

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

#6b5f30 border color

This element has a border color of #6b5f30.

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

CSS codes

.text {color:#6b5f30;}

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

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

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

#0c0b05
```
#0c0b05 rgb(12,11,5)
```
#1a170c
```
#1a170c rgb(26,23,12)
```
#272312
```
#272312 rgb(39,35,18)
```
#352f18
```
#352f18 rgb(53,47,24)
```
#423b1e
```
#423b1e rgb(66,59,30)
```
#504724
```
#504724 rgb(80,71,36)
```
#5d532a
```
#5d532a rgb(93,83,42)
```
#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#796b36
```
#796b36 rgb(121,107,54)
```
#86773c
```
#86773c rgb(134,119,60)
```
#948342
```
#948342 rgb(148,131,66)
```
#a18f48
```
#a18f48 rgb(161,143,72)
```
#af9b4e
```
#af9b4e rgb(175,155,78)
```

Shade Color Variation

#b6a35b
```
#b6a35b rgb(182,163,91)
```
#bcab69
```
#bcab69 rgb(188,171,105)
```
#c2b276
```
#c2b276 rgb(194,178,118)
```
#c8ba84
```
#c8ba84 rgb(200,186,132)
```
#cec291
```
#cec291 rgb(206,194,145)
```
#d4c99f
```
#d4c99f rgb(212,201,159)
```
#dad1ac
```
#dad1ac rgb(218,209,172)
```
#e0d8ba
```
#e0d8ba rgb(224,216,186)
```
#e6e0c8
```
#e6e0c8 rgb(230,224,200)
```
#ece7d5
```
#ece7d5 rgb(236,231,213)
```
#f2efe3
```
#f2efe3 rgb(242,239,227)
```
#f8f7f0
```
#f8f7f0 rgb(248,247,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#535148
```
#535148 rgb(83,81,72)
```
#595442
```
#595442 rgb(89,84,66)
```
#5f583c
```
#5f583c rgb(95,88,60)
```
#655b36
```
#655b36 rgb(101,91,54)
```
#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#71632a
```
#71632a rgb(113,99,42)
```
#776624
```
#776624 rgb(119,102,36)
```
#7d6a1e
```
#7d6a1e rgb(125,106,30)
```
#836d18
```
#836d18 rgb(131,109,24)
```
#897112
```
#897112 rgb(137,113,18)
```
#8f740c
```
#8f740c rgb(143,116,12)
```
#957806
```
#957806 rgb(149,120,6)
```
#9b7b00
```
#9b7b00 rgb(155,123,0)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#605d54 Atypical Achromatopsia 0.001% of the population

Dichromacy

#71673a Protanopia 1% of men
#7d633c Deuteranopia 1% of men
#776268 Tritanopia 0.001% of the population

Trichromacy

#6f6436 Protanomaly 1% of men, 0.01% of women
#766137 Deuteranomaly 6% of men, 0.4% of women
#736054 Tritanomaly 0.01% of the population

#6b5f30 hex color

#6b5f30 Color Information

#6b5f30 Color Conversion

Color Schemes with #6b5f30

Alternatives to #6b5f30

#6b5f30 Preview

Shades and Tints of #6b5f30

Tones of #6b5f30

Color Blindness Simulator