colorhexa.com

#5f663a hex color

In a RGB color space, hex #5f663a is composed of 37.3% red, 40% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 6.9% cyan, 0% magenta, 43.1% yellow and 60% black. It has a hue angle of 69.5 degrees, a saturation of 27.5% and a lightness of 31.4%. #5f663a color hex could be obtained by blending #becc74 with #000000. Closest websafe color is: #666633.

- R 37
- G 40
- B 23
RGB color chart
- C 7
- M 0
- Y 43
- K 60
CMYK color chart

● #5f663a color description : Very dark desaturated yellow.

The hexadecimal color #5f663a has RGB values of R:95, G:102, B:58 and CMYK values of C:0.07, M:0, Y:0.43, K:0.6. Its decimal value is 6252090.

Hex triplet	5f663a	`#5f663a`
RGB Decimal	95, 102, 58	`rgb(95,102,58)`
RGB Percent	37.3, 40, 22.7	`rgb(37.3%,40%,22.7%)`
CMYK	7, 0, 43, 60
HSL	69.5°, 27.5, 31.4	`hsl(69.5,27.5%,31.4%)`
HSV (or HSB)	69.5°, 43.1, 40
Web Safe	666633	`#666633`

CIE-LAB	41.597, -10.391, 23.939
XYZ	10.234, 12.241, 5.826
xyY	0.362, 0.433, 12.241
CIE-LCH	41.597, 26.097, 113.463
CIE-LUV	41.597, -2.233, 28.65
Hunter-Lab	34.987, -9.014, 14.618
Binary	01011111, 01100110, 00111010

#5f663a
```
#5f663a rgb(95,102,58)
```
#413a66
```
#413a66 rgb(65,58,102)
```

Complementary Color

#66573a
```
#66573a rgb(102,87,58)
```
#5f663a
```
#5f663a rgb(95,102,58)
```
#49663a
```
#49663a rgb(73,102,58)
```

Analogous Color

#573a66
```
#573a66 rgb(87,58,102)
```
#5f663a
```
#5f663a rgb(95,102,58)
```
#3a4966
```
#3a4966 rgb(58,73,102)
```

Split Complementary Color

#663a5f
```
#663a5f rgb(102,58,95)
```
#5f663a
```
#5f663a rgb(95,102,58)
```
#3a5f66
```
#3a5f66 rgb(58,95,102)
```

Triadic Color

#32351e
```
#32351e rgb(50,53,30)
```
#414528
```
#414528 rgb(65,69,40)
```
#505631
```
#505631 rgb(80,86,49)
```
#5f663a
```
#5f663a rgb(95,102,58)
```
#6e7643
```
#6e7643 rgb(110,118,67)
```
#7d874c
```
#7d874c rgb(125,135,76)
```
#8c9756
```
#8c9756 rgb(140,151,86)
```

Monochromatic Color

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

#66623a
```
#66623a rgb(102,98,58)
```
#66663a
```
#66663a rgb(102,102,58)
```
#63663a
```
#63663a rgb(99,102,58)
```
#5f663a
```
#5f663a rgb(95,102,58)
```
#5b663a
```
#5b663a rgb(91,102,58)
```
#58663a
```
#58663a rgb(88,102,58)
```
#54663a
```
#54663a rgb(84,102,58)
```

Similar Colors

Text with hexadecimal color #5f663a

This text has a font color of #5f663a.

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

#5f663a background color

This paragraph has a background color of #5f663a.

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

#5f663a border color

This element has a border color of #5f663a.

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

CSS codes

.text {color:#5f663a;}

.background {background-color:#5f663a;}

.border {border:1px solid #5f663a;}

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

#020201
```
#020201 rgb(2,2,1)
```
#0d0e08
```
#0d0e08 rgb(13,14,8)
```
#191b0f
```
#191b0f rgb(25,27,15)
```
#252716
```
#252716 rgb(37,39,22)
```
#30341e
```
#30341e rgb(48,52,30)
```
#3c4025
```
#3c4025 rgb(60,64,37)
```
#484d2c
```
#484d2c rgb(72,77,44)
```
#535933
```
#535933 rgb(83,89,51)
```
#5f663a
```
#5f663a rgb(95,102,58)
```
#6b7341
```
#6b7341 rgb(107,115,65)
```
#767f48
```
#767f48 rgb(118,127,72)
```
#828c4f
```
#828c4f rgb(130,140,79)
```
#8e9856
```
#8e9856 rgb(142,152,86)
```

Shade Color Variation

#99a45e
```
#99a45e rgb(153,164,94)
```
#a1ab6b
```
#a1ab6b rgb(161,171,107)
```
#a9b277
```
#a9b277 rgb(169,178,119)
```
#b1b984
```
#b1b984 rgb(177,185,132)
```
#b9c090
```
#b9c090 rgb(185,192,144)
```
#c1c79d
```
#c1c79d rgb(193,199,157)
```
#c8cea9
```
#c8cea9 rgb(200,206,169)
```
#d0d5b6
```
#d0d5b6 rgb(208,213,182)
```
#d8ddc2
```
#d8ddc2 rgb(216,221,194)
```
#e0e4cf
```
#e0e4cf rgb(224,228,207)
```
#e8ebdb
```
#e8ebdb rgb(232,235,219)
```
#f0f2e8
```
#f0f2e8 rgb(240,242,232)
```
#f8f9f4
```
#f8f9f4 rgb(248,249,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #52544c is the less saturated color, while #859d03 is the most saturated one.

#52544c
```
#52544c rgb(82,84,76)
```
#575a46
```
#575a46 rgb(87,90,70)
```
#5b6040
```
#5b6040 rgb(91,96,64)
```
#5f663a
```
#5f663a rgb(95,102,58)
```
#636c34
```
#636c34 rgb(99,108,52)
```
#67722e
```
#67722e rgb(103,114,46)
```
#6c7828
```
#6c7828 rgb(108,120,40)
```
#707f21
```
#707f21 rgb(112,127,33)
```
#74851b
```
#74851b rgb(116,133,27)
```
#788b15
```
#788b15 rgb(120,139,21)
```
#7c910f
```
#7c910f rgb(124,145,15)
```
#819709
```
#819709 rgb(129,151,9)
```
#859d03
```
#859d03 rgb(133,157,3)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5f6058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736a42 Protanopia 1% of men
#7f6546 Deuteranopia 1% of men
#6d6870 Tritanopia 0.001% of the population

Trichromacy

#6c683f Protanomaly 1% of men, 0.01% of women
#736542 Deuteranomaly 6% of men, 0.4% of women
#68675c Tritanomaly 0.01% of the population