colorhexa.com

#696158 hex color

In a RGB color space, hex #696158 is composed of 41.2% red, 38% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.6% magenta, 16.2% yellow and 58.8% black. It has a hue angle of 31.8 degrees, a saturation of 8.8% and a lightness of 37.8%. #696158 color hex could be obtained by blending #d2c2b0 with #000000. Closest websafe color is: #666666.

- R 41
- G 38
- B 35
RGB color chart
- C 0
- M 8
- Y 16
- K 59
CMYK color chart

● #696158 color description : Very dark grayish orange.

The hexadecimal color #696158 has RGB values of R:105, G:97, B:88 and CMYK values of C:0, M:0.08, Y:0.16, K:0.59. Its decimal value is 6906200.

Hex triplet	696158	`#696158`
RGB Decimal	105, 97, 88	`rgb(105,97,88)`
RGB Percent	41.2, 38, 34.5	`rgb(41.2%,38%,34.5%)`
CMYK	0, 8, 16, 59
HSL	31.8°, 8.8, 37.8	`hsl(31.8,8.8%,37.8%)`
HSV (or HSB)	31.8°, 16.2, 41.2
Web Safe	666666	`#666666`

CIE-LAB	41.622, 1.493, 6.277
XYZ	11.862, 12.257, 10.973
xyY	0.338, 0.349, 12.257
CIE-LCH	41.622, 6.452, 76.623
CIE-LUV	41.622, 5.235, 7.657
Hunter-Lab	35.011, -0.793, 5.925
Binary	01101001, 01100001, 01011000

#696158
```
#696158 rgb(105,97,88)
```
#586069
```
#586069 rgb(88,96,105)
```

Complementary Color

#695958
```
#695958 rgb(105,89,88)
```
#696158
```
#696158 rgb(105,97,88)
```
#696958
```
#696958 rgb(105,105,88)
```

Analogous Color

#595869
```
#595869 rgb(89,88,105)
```
#696158
```
#696158 rgb(105,97,88)
```
#586969
```
#586969 rgb(88,105,105)
```

Split Complementary Color

#615869
```
#615869 rgb(97,88,105)
```
#696158
```
#696158 rgb(105,97,88)
```
#586961
```
#586961 rgb(88,105,97)
```

Triadic Color

#3f3b35
```
#3f3b35 rgb(63,59,53)
```
#4d4741
```
#4d4741 rgb(77,71,65)
```
#5b544c
```
#5b544c rgb(91,84,76)
```
#696158
```
#696158 rgb(105,97,88)
```
#776e64
```
#776e64 rgb(119,110,100)
```
#857b6f
```
#857b6f rgb(133,123,111)
```
#91877c
```
#91877c rgb(145,135,124)
```

Monochromatic Color

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

#695d58
```
#695d58 rgb(105,93,88)
```
#695e58
```
#695e58 rgb(105,94,88)
```
#696058
```
#696058 rgb(105,96,88)
```
#696158
```
#696158 rgb(105,97,88)
```
#696258
```
#696258 rgb(105,98,88)
```
#696458
```
#696458 rgb(105,100,88)
```
#696558
```
#696558 rgb(105,101,88)
```

Similar Colors

Text with hexadecimal color #696158

This text has a font color of #696158.

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

#696158 background color

This paragraph has a background color of #696158.

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

#696158 border color

This element has a border color of #696158.

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

CSS codes

.text {color:#696158;}

.background {background-color:#696158;}

.border {border:1px solid #696158;}

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

#090808
```
#090808 rgb(9,8,8)
```
#141210
```
#141210 rgb(20,18,16)
```
#1e1c19
```
#1e1c19 rgb(30,28,25)
```
#292622
```
#292622 rgb(41,38,34)
```
#34302b
```
#34302b rgb(52,48,43)
```
#3e3a34
```
#3e3a34 rgb(62,58,52)
```
#49433d
```
#49433d rgb(73,67,61)
```
#544d46
```
#544d46 rgb(84,77,70)
```
#5e574f
```
#5e574f rgb(94,87,79)
```
#696158
```
#696158 rgb(105,97,88)
```
#746b61
```
#746b61 rgb(116,107,97)
```
#7e756a
```
#7e756a rgb(126,117,106)
```
#897f73
```
#897f73 rgb(137,127,115)
```

Shade Color Variation

#92887d
```
#92887d rgb(146,136,125)
```
#9b9288
```
#9b9288 rgb(155,146,136)
```
#a49c93
```
#a49c93 rgb(164,156,147)
```
#ada69d
```
#ada69d rgb(173,166,157)
```
#b6afa8
```
#b6afa8 rgb(182,175,168)
```
#bfb9b3
```
#bfb9b3 rgb(191,185,179)
```
#c8c3bd
```
#c8c3bd rgb(200,195,189)
```
#d1cdc8
```
#d1cdc8 rgb(209,205,200)
```
#dad6d3
```
#dad6d3 rgb(218,214,211)
```
#e3e0dd
```
#e3e0dd rgb(227,224,221)
```
#eceae8
```
#eceae8 rgb(236,234,232)
```
#f5f4f3
```
#f5f4f3 rgb(245,244,243)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#62615f
```
#62615f rgb(98,97,95)
```
#696158
```
#696158 rgb(105,97,88)
```
#706151
```
#706151 rgb(112,97,81)
```
#786249
```
#786249 rgb(120,98,73)
```
#7f6242
```
#7f6242 rgb(127,98,66)
```
#87633a
```
#87633a rgb(135,99,58)
```
#8e6333
```
#8e6333 rgb(142,99,51)
```
#96642b
```
#96642b rgb(150,100,43)
```
#9d6424
```
#9d6424 rgb(157,100,36)
```
#a4641d
```
#a4641d rgb(164,100,29)
```
#ac6515
```
#ac6515 rgb(172,101,21)
```
#b3650e
```
#b3650e rgb(179,101,14)
```
#bb6606
```
#bb6606 rgb(187,102,6)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#636260 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6961 Protanopia 1% of men
#776661 Deuteranopia 1% of men
#72676e Tritanopia 0.001% of the population

Trichromacy

#6c665d Protanomaly 1% of men, 0.01% of women
#72645e Deuteranomaly 6% of men, 0.4% of women
#6f6466 Tritanomaly 0.01% of the population