colorhexa.com

#6b7a36 hex color

In a RGB color space, hex #6b7a36 is composed of 42% red, 47.8% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 12.3% cyan, 0% magenta, 55.7% yellow and 52.2% black. It has a hue angle of 73.2 degrees, a saturation of 38.6% and a lightness of 34.5%. #6b7a36 color hex could be obtained by blending #d6f46c with #000000. Closest websafe color is: #666633.

- R 42
- G 48
- B 21
RGB color chart
- C 12
- M 0
- Y 56
- K 52
CMYK color chart

● #6b7a36 color description : Dark moderate yellow.

The hexadecimal color #6b7a36 has RGB values of R:107, G:122, B:54 and CMYK values of C:0.12, M:0, Y:0.56, K:0.52. Its decimal value is 7043638.

Hex triplet	6b7a36	`#6b7a36`
RGB Decimal	107, 122, 54	`rgb(107,122,54)`
RGB Percent	42, 47.8, 21.2	`rgb(42%,47.8%,21.2%)`
CMYK	12, 0, 56, 52
HSL	73.2°, 38.6, 34.5	`hsl(73.2,38.6%,34.5%)`
HSV (or HSB)	73.2°, 55.7, 47.8
Web Safe	666633	`#666633`

CIE-LAB	48.65, -16.577, 34.895
XYZ	13.689, 17.311, 6.11
xyY	0.369, 0.466, 17.311
CIE-LCH	48.65, 38.632, 115.41
CIE-LUV	48.65, -6.402, 41.615
Hunter-Lab	41.607, -14.085, 20.418
Binary	01101011, 01111010, 00110110

#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#45367a
```
#45367a rgb(69,54,122)
```

Complementary Color

#7a6736
```
#7a6736 rgb(122,103,54)
```
#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#497a36
```
#497a36 rgb(73,122,54)
```

Analogous Color

#67367a
```
#67367a rgb(103,54,122)
```
#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#36497a
```
#36497a rgb(54,73,122)
```

Split Complementary Color

#7a366b
```
#7a366b rgb(122,54,107)
```
#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#366b7a
```
#366b7a rgb(54,107,122)
```

Triadic Color

#7a4536
```
#7a4536 rgb(122,69,54)
```
#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#366b7a
```
#366b7a rgb(54,107,122)
```
#45367a
```
#45367a rgb(69,54,122)
```

Tetradic Color

#3c451f
```
#3c451f rgb(60,69,31)
```
#4c5726
```
#4c5726 rgb(76,87,38)
```
#5b682e
```
#5b682e rgb(91,104,46)
```
#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#7b8c3e
```
#7b8c3e rgb(123,140,62)
```
#8a9d46
```
#8a9d46 rgb(138,157,70)
```
#9aaf4d
```
#9aaf4d rgb(154,175,77)
```

Monochromatic Color

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

#7a7836
```
#7a7836 rgb(122,120,54)
```
#767a36
```
#767a36 rgb(118,122,54)
```
#717a36
```
#717a36 rgb(113,122,54)
```
#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#657a36
```
#657a36 rgb(101,122,54)
```
#607a36
```
#607a36 rgb(96,122,54)
```
#5a7a36
```
#5a7a36 rgb(90,122,54)
```

Similar Colors

Text with hexadecimal color #6b7a36

This text has a font color of #6b7a36.

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

#6b7a36 background color

This paragraph has a background color of #6b7a36.

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

#6b7a36 border color

This element has a border color of #6b7a36.

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

CSS codes

.text {color:#6b7a36;}

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

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

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

#0c0d06
```
#0c0d06 rgb(12,13,6)
```
#181b0c
```
#181b0c rgb(24,27,12)
```
#232812
```
#232812 rgb(35,40,18)
```
#2f3618
```
#2f3618 rgb(47,54,24)
```
#3b441e
```
#3b441e rgb(59,68,30)
```
#475124
```
#475124 rgb(71,81,36)
```
#535f2a
```
#535f2a rgb(83,95,42)
```
#5f6c30
```
#5f6c30 rgb(95,108,48)
```
#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#77883c
```
#77883c rgb(119,136,60)
```
#839542
```
#839542 rgb(131,149,66)
```
#8fa348
```
#8fa348 rgb(143,163,72)
```
#9bb04e
```
#9bb04e rgb(155,176,78)
```

Shade Color Variation

#a3b75b
```
#a3b75b rgb(163,183,91)
```
#aabd69
```
#aabd69 rgb(170,189,105)
```
#b2c377
```
#b2c377 rgb(178,195,119)
```
#bac984
```
#bac984 rgb(186,201,132)
```
#c1cf92
```
#c1cf92 rgb(193,207,146)
```
#c9d59f
```
#c9d59f rgb(201,213,159)
```
#d1dbad
```
#d1dbad rgb(209,219,173)
```
#d8e1bb
```
#d8e1bb rgb(216,225,187)
```
#e0e7c8
```
#e0e7c8 rgb(224,231,200)
```
#e8edd6
```
#e8edd6 rgb(232,237,214)
```
#eff3e3
```
#eff3e3 rgb(239,243,227)
```
#f7f9f1
```
#f7f9f1 rgb(247,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#585858
```
#585858 rgb(88,88,88)
```
#5c5f51
```
#5c5f51 rgb(92,95,81)
```
#60664a
```
#60664a rgb(96,102,74)
```
#636c44
```
#636c44 rgb(99,108,68)
```
#67733d
```
#67733d rgb(103,115,61)
```
#6b7a36
```
#6b7a36 rgb(107,122,54)
```
#6f812f
```
#6f812f rgb(111,129,47)
```
#738828
```
#738828 rgb(115,136,40)
```
#768e22
```
#768e22 rgb(118,142,34)
```
#7a951b
```
#7a951b rgb(122,149,27)
```
#7e9c14
```
#7e9c14 rgb(126,156,20)
```
#82a30d
```
#82a30d rgb(130,163,13)
```
#85a907
```
#85a907 rgb(133,169,7)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6d7063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#877a3e Protanopia 1% of men
#957544 Deuteranopia 1% of men
#7b7982 Tritanopia 0.001% of the population

Trichromacy

#7d7a3b Protanomaly 1% of men, 0.01% of women
#85773f Deuteranomaly 6% of men, 0.4% of women
#757966 Tritanomaly 0.01% of the population