#696748 hex color

In a RGB color space, hex #696748 is composed of 41.2% red, 40.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.9% magenta, 31.4% yellow and 58.8% black. It has a hue angle of 56.4 degrees, a saturation of 18.6% and a lightness of 34.7%. #696748 color hex could be obtained by blending #d2ce90 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 40
- B 28
RGB color chart
- C 0
- M 2
- Y 31
- K 59
CMYK color chart

● #696748 color description : Very dark grayish yellow.

The hexadecimal color #696748 has RGB values of R:105, G:103, B:72 and CMYK values of C:0, M:0.02, Y:0.31, K:0.59. Its decimal value is 6907720.

Hex triplet	696748	`#696748`
RGB Decimal	105, 103, 72	`rgb(105,103,72)`
RGB Percent	41.2, 40.4, 28.2	`rgb(41.2%,40.4%,28.2%)`
CMYK	0, 2, 31, 59
HSL	56.4°, 18.6, 34.7	`hsl(56.4,18.6%,34.7%)`
HSV (or HSB)	56.4°, 31.4, 41.2
Web Safe	666633	`#666633`

CIE-LAB	43.021, -4.649, 17.823
XYZ	11.845, 13.172, 8.049
xyY	0.358, 0.398, 13.172
CIE-LCH	43.021, 18.419, 104.62
CIE-LUV	43.021, 2.808, 21.926
Hunter-Lab	36.293, -5.253, 12.256
Binary	01101001, 01100111, 01001000

#696748
```
#696748 rgb(105,103,72)
```
#484a69
```
#484a69 rgb(72,74,105)
```

Complementary Color

#695748
```
#695748 rgb(105,87,72)
```
#696748
```
#696748 rgb(105,103,72)
```
#5b6948
```
#5b6948 rgb(91,105,72)
```

Analogous Color

#574869
```
#574869 rgb(87,72,105)
```
#696748
```
#696748 rgb(105,103,72)
```
#485b69
```
#485b69 rgb(72,91,105)
```

Split Complementary Color

#674869
```
#674869 rgb(103,72,105)
```
#696748
```
#696748 rgb(105,103,72)
```
#486967
```
#486967 rgb(72,105,103)
```

Triadic Color

#69484a
```
#69484a rgb(105,72,74)
```
#696748
```
#696748 rgb(105,103,72)
```
#486967
```
#486967 rgb(72,105,103)
```
#484a69
```
#484a69 rgb(72,74,105)
```

Tetradic Color

#3c3a29
```
#3c3a29 rgb(60,58,41)
```
#4b4933
```
#4b4933 rgb(75,73,51)
```
#5a583e
```
#5a583e rgb(90,88,62)
```
#696748
```
#696748 rgb(105,103,72)
```
#787652
```
#787652 rgb(120,118,82)
```
#87855d
```
#87855d rgb(135,133,93)
```
#969467
```
#969467 rgb(150,148,103)
```

Monochromatic Color

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

#695f48
```
#695f48 rgb(105,95,72)
```
#696248
```
#696248 rgb(105,98,72)
```
#696448
```
#696448 rgb(105,100,72)
```
#696748
```
#696748 rgb(105,103,72)
```
#686948
```
#686948 rgb(104,105,72)
```
#666948
```
#666948 rgb(102,105,72)
```
#636948
```
#636948 rgb(99,105,72)
```

Similar Colors

Text with hexadecimal color #696748

This text has a font color of #696748.

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

#696748 background color

This paragraph has a background color of #696748.

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

#696748 border color

This element has a border color of #696748.

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

CSS codes

.text {color:#696748;}

.background {background-color:#696748;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0c08
```
#0c0c08 rgb(12,12,8)
```
#181710
```
#181710 rgb(24,23,16)
```
#232318
```
#232318 rgb(35,35,24)
```
#2f2e20
```
#2f2e20 rgb(47,46,32)
```
#3a3928
```
#3a3928 rgb(58,57,40)
```
#464530
```
#464530 rgb(70,69,48)
```
#525038
```
#525038 rgb(82,80,56)
```
#5d5c40
```
#5d5c40 rgb(93,92,64)
```
#696748
```
#696748 rgb(105,103,72)
```
#757250
```
#757250 rgb(117,114,80)
```
#807e58
```
#807e58 rgb(128,126,88)
```
#8c8960
```
#8c8960 rgb(140,137,96)
```

Shade Color Variation

#979568
```
#979568 rgb(151,149,104)
```
#9f9d74
```
#9f9d74 rgb(159,157,116)
```
#a7a57f
```
#a7a57f rgb(167,165,127)
```
#afad8b
```
#afad8b rgb(175,173,139)
```
#b7b597
```
#b7b597 rgb(183,181,151)
```
#bfbea2
```
#bfbea2 rgb(191,190,162)
```
#c7c6ae
```
#c7c6ae rgb(199,198,174)
```
#cfceb9
```
#cfceb9 rgb(207,206,185)
```
#d7d6c5
```
#d7d6c5 rgb(215,214,197)
```
#dfded1
```
#dfded1 rgb(223,222,209)
```
#e7e7dc
```
#e7e7dc rgb(231,231,220)
```
#efefe8
```
#efefe8 rgb(239,239,232)
```
#f7f7f4
```
#f7f7f4 rgb(247,247,244)
```

Tint Color Variation

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

#5b5b56
```
#5b5b56 rgb(91,91,86)
```
#62614f
```
#62614f rgb(98,97,79)
```
#696748
```
#696748 rgb(105,103,72)
```
#706d41
```
#706d41 rgb(112,109,65)
```
#77733a
```
#77733a rgb(119,115,58)
```
#7d7934
```
#7d7934 rgb(125,121,52)
```
#847f2d
```
#847f2d rgb(132,127,45)
```
#8b8526
```
#8b8526 rgb(139,133,38)
```
#928b1f
```
#928b1f rgb(146,139,31)
```
#999118
```
#999118 rgb(153,145,24)
```
#9f9712
```
#9f9712 rgb(159,151,18)
```
#a69d0b
```
#a69d0b rgb(166,157,11)
```
#ada304
```
#ada304 rgb(173,163,4)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#65655e Atypical Achromatopsia 0.001% of the population

Dichromacy

#756d50 Protanopia 1% of men
#806953 Deuteranopia 1% of men
#756a72 Tritanopia 0.001% of the population

Trichromacy

#716b4d Protanomaly 1% of men, 0.01% of women
#77684f Deuteranomaly 6% of men, 0.4% of women
#706962 Tritanomaly 0.01% of the population

#696748 hex color

#696748 Color Information

#696748 Color Conversion

Color Schemes with #696748

Alternatives to #696748

#696748 Preview

Shades and Tints of #696748

Tones of #696748

Color Blindness Simulator