#c69316 hex color

In a RGB color space, hex #c69316 is composed of 77.6% red, 57.6% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.8% magenta, 88.9% yellow and 22.4% black. It has a hue angle of 42.6 degrees, a saturation of 80% and a lightness of 43.1%. #c69316 color hex could be obtained by blending #ffff2c with #8d2700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 78
- G 58
- B 9
RGB color chart
- C 0
- M 26
- Y 89
- K 22
CMYK color chart

● #c69316 color description : Strong orange.

The hexadecimal color #c69316 has RGB values of R:198, G:147, B:22 and CMYK values of C:0, M:0.26, Y:0.89, K:0.22. Its decimal value is 13013782.

Hex triplet	c69316	`#c69316`
RGB Decimal	198, 147, 22	`rgb(198,147,22)`
RGB Percent	77.6, 57.6, 8.6	`rgb(77.6%,57.6%,8.6%)`
CMYK	0, 26, 89, 22
HSL	42.6°, 80, 43.1	`hsl(42.6,80%,43.1%)`
HSV (or HSB)	42.6°, 88.9, 77.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	64.107, 9.189, 64.944
XYZ	33.868, 32.933, 5.332
xyY	0.47, 0.457, 32.933
CIE-LCH	64.107, 65.591, 81.947
CIE-LUV	64.107, 42.714, 63.881
Hunter-Lab	57.387, 4.916, 34.662
Binary	11000110, 10010011, 00010110

#c69316
```
#c69316 rgb(198,147,22)
```
#1649c6
```
#1649c6 rgb(22,73,198)
```

Complementary Color

#c63b16
```
#c63b16 rgb(198,59,22)
```
#c69316
```
#c69316 rgb(198,147,22)
```
#a1c616
```
#a1c616 rgb(161,198,22)
```

Analogous Color

#3b16c6
```
#3b16c6 rgb(59,22,198)
```
#c69316
```
#c69316 rgb(198,147,22)
```
#16a1c6
```
#16a1c6 rgb(22,161,198)
```

Split Complementary Color

#9316c6
```
#9316c6 rgb(147,22,198)
```
#c69316
```
#c69316 rgb(198,147,22)
```
#16c693
```
#16c693 rgb(22,198,147)
```

Triadic Color

#c61649
```
#c61649 rgb(198,22,73)
```
#c69316
```
#c69316 rgb(198,147,22)
```
#16c693
```
#16c693 rgb(22,198,147)
```
#1649c6
```
#1649c6 rgb(22,73,198)
```

Tetradic Color

#81600e
```
#81600e rgb(129,96,14)
```
#987111
```
#987111 rgb(152,113,17)
```
#af8213
```
#af8213 rgb(175,130,19)
```
#c69316
```
#c69316 rgb(198,147,22)
```
#dda419
```
#dda419 rgb(221,164,25)
```
#e7b028
```
#e7b028 rgb(231,176,40)
```
#eab83f
```
#eab83f rgb(234,184,63)
```

Monochromatic Color

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

#c66716
```
#c66716 rgb(198,103,22)
```
#c67616
```
#c67616 rgb(198,118,22)
```
#c68416
```
#c68416 rgb(198,132,22)
```
#c69316
```
#c69316 rgb(198,147,22)
```
#c6a216
```
#c6a216 rgb(198,162,22)
```
#c6b016
```
#c6b016 rgb(198,176,22)
```
#c6bf16
```
#c6bf16 rgb(198,191,22)
```

Similar Colors

Text with hexadecimal color #c69316

This text has a font color of #c69316.

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

#c69316 background color

This paragraph has a background color of #c69316.

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

#c69316 border color

This element has a border color of #c69316.

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

CSS codes

.text {color:#c69316;}

.background {background-color:#c69316;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#151002
```
#151002 rgb(21,16,2)
```
#271d04
```
#271d04 rgb(39,29,4)
```
#392a06
```
#392a06 rgb(57,42,6)
```
#4a3708
```
#4a3708 rgb(74,55,8)
```
#5c440a
```
#5c440a rgb(92,68,10)
```
#6e510c
```
#6e510c rgb(110,81,12)
```
#7f5f0e
```
#7f5f0e rgb(127,95,14)
```
#916c10
```
#916c10 rgb(145,108,16)
```
#a37912
```
#a37912 rgb(163,121,18)
```
#b48614
```
#b48614 rgb(180,134,20)
```
#c69316
```
#c69316 rgb(198,147,22)
```
#d8a018
```
#d8a018 rgb(216,160,24)
```

Shade Color Variation

#e6ac1d
```
#e6ac1d rgb(230,172,29)
```
#e8b22f
```
#e8b22f rgb(232,178,47)
```
#eab941
```
#eab941 rgb(234,185,65)
```
#ecbf52
```
#ecbf52 rgb(236,191,82)
```
#eec664
```
#eec664 rgb(238,198,100)
```
#f0cc76
```
#f0cc76 rgb(240,204,118)
```
#f2d387
```
#f2d387 rgb(242,211,135)
```
#f4d999
```
#f4d999 rgb(244,217,153)
```
#f6e0ab
```
#f6e0ab rgb(246,224,171)
```
#f8e6bc
```
#f8e6bc rgb(248,230,188)
```
#faedce
```
#faedce rgb(250,237,206)
```
#fcf3e0
```
#fcf3e0 rgb(252,243,224)
```
#fdfaf1
```
#fdfaf1 rgb(253,250,241)
```

Tint Color Variation

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

#716f6b
```
#716f6b rgb(113,111,107)
```
#7a7362
```
#7a7362 rgb(122,115,98)
```
#82775a
```
#82775a rgb(130,119,90)
```
#8b7a51
```
#8b7a51 rgb(139,122,81)
```
#937e49
```
#937e49 rgb(147,126,73)
```
#9c8140
```
#9c8140 rgb(156,129,64)
```
#a48538
```
#a48538 rgb(164,133,56)
```
#ad882f
```
#ad882f rgb(173,136,47)
```
#b58c27
```
#b58c27 rgb(181,140,39)
```
#be8f1e
```
#be8f1e rgb(190,143,30)
```
#c69316
```
#c69316 rgb(198,147,22)
```
#ce970e
```
#ce970e rgb(206,151,14)
```
#d79a05
```
#d79a05 rgb(215,154,5)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9e947b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a024 Protanopia 1% of men
#c89821 Deuteranopia 1% of men
#d08e98 Tritanopia 0.001% of the population

Trichromacy

#ba9b1f Protanomaly 1% of men, 0.01% of women
#c7961d Deuteranomaly 6% of men, 0.4% of women
#cc9069 Tritanomaly 0.01% of the population

#c69316 hex color

#c69316 Color Information

#c69316 Color Conversion

Color Schemes with #c69316

Alternatives to #c69316

#c69316 Preview

Shades and Tints of #c69316

Tones of #c69316

Color Blindness Simulator