colorhexa.com

#694c24 hex color

In a RGB color space, hex #694c24 is composed of 41.2% red, 29.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 65.7% yellow and 58.8% black. It has a hue angle of 34.8 degrees, a saturation of 48.9% and a lightness of 27.6%. #694c24 color hex could be obtained by blending #d29848 with #000000. Closest websafe color is: #663333.

- R 41
- G 30
- B 14
RGB color chart
- C 0
- M 28
- Y 66
- K 59
CMYK color chart

● #694c24 color description : Very dark orange [Brown tone].

The hexadecimal color #694c24 has RGB values of R:105, G:76, B:36 and CMYK values of C:0, M:0.28, Y:0.66, K:0.59. Its decimal value is 6900772.

Hex triplet	694c24	`#694c24`
RGB Decimal	105, 76, 36	`rgb(105,76,36)`
RGB Percent	41.2, 29.8, 14.1	`rgb(41.2%,29.8%,14.1%)`
CMYK	0, 28, 66, 59
HSL	34.8°, 48.9, 27.6	`hsl(34.8,48.9%,27.6%)`
HSV (or HSB)	34.8°, 65.7, 41.2
Web Safe	663333	`#663333`

CIE-LAB	34.6, 7.48, 28.129
XYZ	8.729, 8.3, 2.811
xyY	0.44, 0.418, 8.3
CIE-LCH	34.6, 29.106, 75.109
CIE-LUV	34.6, 21.872, 26.526
Hunter-Lab	28.81, 3.665, 14.381
Binary	01101001, 01001100, 00100100

#694c24
```
#694c24 rgb(105,76,36)
```
#244169
```
#244169 rgb(36,65,105)
```

Complementary Color

#692a24
```
#692a24 rgb(105,42,36)
```
#694c24
```
#694c24 rgb(105,76,36)
```
#646924
```
#646924 rgb(100,105,36)
```

Analogous Color

#2a2469
```
#2a2469 rgb(42,36,105)
```
#694c24
```
#694c24 rgb(105,76,36)
```
#246469
```
#246469 rgb(36,100,105)
```

Split Complementary Color

#4c2469
```
#4c2469 rgb(76,36,105)
```
#694c24
```
#694c24 rgb(105,76,36)
```
#24694c
```
#24694c rgb(36,105,76)
```

Triadic Color

#302310
```
#302310 rgb(48,35,16)
```
#433117
```
#433117 rgb(67,49,23)
```
#563e1d
```
#563e1d rgb(86,62,29)
```
#694c24
```
#694c24 rgb(105,76,36)
```
#7c5a2b
```
#7c5a2b rgb(124,90,43)
```
#8f6731
```
#8f6731 rgb(143,103,49)
```
#a27538
```
#a27538 rgb(162,117,56)
```

Monochromatic Color

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

#693b24
```
#693b24 rgb(105,59,36)
```
#694124
```
#694124 rgb(105,65,36)
```
#694624
```
#694624 rgb(105,70,36)
```
#694c24
```
#694c24 rgb(105,76,36)
```
#695224
```
#695224 rgb(105,82,36)
```
#695824
```
#695824 rgb(105,88,36)
```
#695d24
```
#695d24 rgb(105,93,36)
```

Similar Colors

Text with hexadecimal color #694c24

This text has a font color of #694c24.

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

#694c24 background color

This paragraph has a background color of #694c24.

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

#694c24 border color

This element has a border color of #694c24.

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

CSS codes

.text {color:#694c24;}

.background {background-color:#694c24;}

.border {border:1px solid #694c24;}

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

#030201
```
#030201 rgb(3,2,1)
```
#110d06
```
#110d06 rgb(17,13,6)
```
#20170b
```
#20170b rgb(32,23,11)
```
#2f2210
```
#2f2210 rgb(47,34,16)
```
#3d2c15
```
#3d2c15 rgb(61,44,21)
```
#4c371a
```
#4c371a rgb(76,55,26)
```
#5a411f
```
#5a411f rgb(90,65,31)
```
#694c24
```
#694c24 rgb(105,76,36)
```
#785729
```
#785729 rgb(120,87,41)
```
#86612e
```
#86612e rgb(134,97,46)
```
#956c33
```
#956c33 rgb(149,108,51)
```
#a37638
```
#a37638 rgb(163,118,56)
```
#b2813d
```
#b2813d rgb(178,129,61)
```

Shade Color Variation

#bf8b44
```
#bf8b44 rgb(191,139,68)
```
#c49452
```
#c49452 rgb(196,148,82)
```
#c99d61
```
#c99d61 rgb(201,157,97)
```
#cea670
```
#cea670 rgb(206,166,112)
```
#d3af7e
```
#d3af7e rgb(211,175,126)
```
#d8b88d
```
#d8b88d rgb(216,184,141)
```
#ddc19b
```
#ddc19b rgb(221,193,155)
```
#e2caaa
```
#e2caaa rgb(226,202,170)
```
#e7d3b9
```
#e7d3b9 rgb(231,211,185)
```
#ecddc7
```
#ecddc7 rgb(236,221,199)
```
#f1e6d6
```
#f1e6d6 rgb(241,230,214)
```
#f6efe5
```
#f6efe5 rgb(246,239,229)
```
#fbf8f3
```
#fbf8f3 rgb(251,248,243)
```

Tint Color Variation

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

#484745
```
#484745 rgb(72,71,69)
```
#4e483f
```
#4e483f rgb(78,72,63)
```
#53493a
```
#53493a rgb(83,73,58)
```
#594934
```
#594934 rgb(89,73,52)
```
#5e4a2f
```
#5e4a2f rgb(94,74,47)
```
#644b29
```
#644b29 rgb(100,75,41)
```
#694c24
```
#694c24 rgb(105,76,36)
```
#6e4d1f
```
#6e4d1f rgb(110,77,31)
```
#744e19
```
#744e19 rgb(116,78,25)
```
#794f14
```
#794f14 rgb(121,79,20)
```
#7f4f0e
```
#7f4f0e rgb(127,79,14)
```
#845009
```
#845009 rgb(132,80,9)
```
#8a5103
```
#8a5103 rgb(138,81,3)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#554f47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#635a31 Protanopia 1% of men
#6e562f Deuteranopia 1% of men
#745056 Tritanopia 0.001% of the population

Trichromacy

#65552c Protanomaly 1% of men, 0.01% of women
#6c522b Deuteranomaly 6% of men, 0.4% of women
#704f44 Tritanomaly 0.01% of the population