colorhexa.com

#696c54 hex color

In a RGB color space, hex #696c54 is composed of 41.2% red, 42.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 22.2% yellow and 57.6% black. It has a hue angle of 67.5 degrees, a saturation of 12.5% and a lightness of 37.6%. #696c54 color hex could be obtained by blending #d2d8a8 with #000000. Closest websafe color is: #666666.

- R 41
- G 42
- B 33
RGB color chart
- C 3
- M 0
- Y 22
- K 58
CMYK color chart

● #696c54 color description : Very dark grayish yellow.

The hexadecimal color #696c54 has RGB values of R:105, G:108, B:84 and CMYK values of C:0.03, M:0, Y:0.22, K:0.58. Its decimal value is 6909012.

Hex triplet	696c54	`#696c54`
RGB Decimal	105, 108, 84	`rgb(105,108,84)`
RGB Percent	41.2, 42.4, 32.9	`rgb(41.2%,42.4%,32.9%)`
CMYK	3, 0, 22, 58
HSL	67.5°, 12.5, 37.6	`hsl(67.5,12.5%,37.6%)`
HSV (or HSB)	67.5°, 22.2, 42.4
Web Safe	666666	`#666666`

CIE-LAB	44.757, -5.674, 13.077
XYZ	12.788, 14.369, 10.487
xyY	0.34, 0.382, 14.369
CIE-LCH	44.757, 14.255, 113.457
CIE-LUV	44.757, -0.54, 17.143
Hunter-Lab	37.906, -6.115, 10.131
Binary	01101001, 01101100, 01010100

#696c54
```
#696c54 rgb(105,108,84)
```
#57546c
```
#57546c rgb(87,84,108)
```

Complementary Color

#6c6354
```
#6c6354 rgb(108,99,84)
```
#696c54
```
#696c54 rgb(105,108,84)
```
#5d6c54
```
#5d6c54 rgb(93,108,84)
```

Analogous Color

#63546c
```
#63546c rgb(99,84,108)
```
#696c54
```
#696c54 rgb(105,108,84)
```
#545d6c
```
#545d6c rgb(84,93,108)
```

Split Complementary Color

#6c5469
```
#6c5469 rgb(108,84,105)
```
#696c54
```
#696c54 rgb(105,108,84)
```
#54696c
```
#54696c rgb(84,105,108)
```

Triadic Color

#6c5754
```
#6c5754 rgb(108,87,84)
```
#696c54
```
#696c54 rgb(105,108,84)
```
#54696c
```
#54696c rgb(84,105,108)
```
#57546c
```
#57546c rgb(87,84,108)
```

Tetradic Color

#3f4133
```
#3f4133 rgb(63,65,51)
```
#4d4f3e
```
#4d4f3e rgb(77,79,62)
```
#5b5e49
```
#5b5e49 rgb(91,94,73)
```
#696c54
```
#696c54 rgb(105,108,84)
```
#777a5f
```
#777a5f rgb(119,122,95)
```
#85896a
```
#85896a rgb(133,137,106)
```
#929577
```
#929577 rgb(146,149,119)
```

Monochromatic Color

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

#6c6954
```
#6c6954 rgb(108,105,84)
```
#6c6b54
```
#6c6b54 rgb(108,107,84)
```
#6b6c54
```
#6b6c54 rgb(107,108,84)
```
#696c54
```
#696c54 rgb(105,108,84)
```
#676c54
```
#676c54 rgb(103,108,84)
```
#656c54
```
#656c54 rgb(101,108,84)
```
#636c54
```
#636c54 rgb(99,108,84)
```

Similar Colors

Text with hexadecimal color #696c54

This text has a font color of #696c54.

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

#696c54 background color

This paragraph has a background color of #696c54.

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

#696c54 border color

This element has a border color of #696c54.

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

CSS codes

.text {color:#696c54;}

.background {background-color:#696c54;}

.border {border:1px solid #696c54;}

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

#080907
```
#080907 rgb(8,9,7)
```
#13140f
```
#13140f rgb(19,20,15)
```
#1e1f18
```
#1e1f18 rgb(30,31,24)
```
#292a21
```
#292a21 rgb(41,42,33)
```
#333529
```
#333529 rgb(51,53,41)
```
#3e4032
```
#3e4032 rgb(62,64,50)
```
#494b3a
```
#494b3a rgb(73,75,58)
```
#545643
```
#545643 rgb(84,86,67)
```
#5e614b
```
#5e614b rgb(94,97,75)
```
#696c54
```
#696c54 rgb(105,108,84)
```
#74775d
```
#74775d rgb(116,119,93)
```
#7e8265
```
#7e8265 rgb(126,130,101)
```
#898d6e
```
#898d6e rgb(137,141,110)
```

Shade Color Variation

#929678
```
#929678 rgb(146,150,120)
```
#9b9f83
```
#9b9f83 rgb(155,159,131)
```
#a4a78e
```
#a4a78e rgb(164,167,142)
```
#adb099
```
#adb099 rgb(173,176,153)
```
#b6b9a4
```
#b6b9a4 rgb(182,185,164)
```
#bfc1af
```
#bfc1af rgb(191,193,175)
```
#c8caba
```
#c8caba rgb(200,202,186)
```
#d1d2c5
```
#d1d2c5 rgb(209,210,197)
```
#dadbd1
```
#dadbd1 rgb(218,219,209)
```
#e2e3dc
```
#e2e3dc rgb(226,227,220)
```
#ebece7
```
#ebece7 rgb(235,236,231)
```
#f4f5f2
```
#f4f5f2 rgb(244,245,242)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#63655b
```
#63655b rgb(99,101,91)
```
#696c54
```
#696c54 rgb(105,108,84)
```
#6f734d
```
#6f734d rgb(111,115,77)
```
#747b45
```
#747b45 rgb(116,123,69)
```
#7a823e
```
#7a823e rgb(122,130,62)
```
#7f8a36
```
#7f8a36 rgb(127,138,54)
```
#85912f
```
#85912f rgb(133,145,47)
```
#8a9828
```
#8a9828 rgb(138,152,40)
```
#90a020
```
#90a020 rgb(144,160,32)
```
#95a719
```
#95a719 rgb(149,167,25)
```
#9bae12
```
#9bae12 rgb(155,174,18)
```
#a0b60a
```
#a0b60a rgb(160,182,10)
```
#a6bd03
```
#a6bd03 rgb(166,189,3)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#686964 Atypical Achromatopsia 0.001% of the population

Dichromacy

#78715b Protanopia 1% of men
#826d5e Deuteranopia 1% of men
#756f77 Tritanopia 0.001% of the population

Trichromacy

#726f59 Protanomaly 1% of men, 0.01% of women
#796c5a Deuteranomaly 6% of men, 0.4% of women
#706e6a Tritanomaly 0.01% of the population