#c69a1f hex color

In a RGB color space, hex #c69a1f is composed of 77.6% red, 60.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 84.3% yellow and 22.4% black. It has a hue angle of 44.2 degrees, a saturation of 72.9% and a lightness of 44.9%. #c69a1f color hex could be obtained by blending #ffff3e with #8d3500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 78
- G 60
- B 12
RGB color chart
- C 0
- M 22
- Y 84
- K 22
CMYK color chart

● #c69a1f color description : Strong orange.

The hexadecimal color #c69a1f has RGB values of R:198, G:154, B:31 and CMYK values of C:0, M:0.22, Y:0.84, K:0.22. Its decimal value is 13015583.

Hex triplet	c69a1f	`#c69a1f`
RGB Decimal	198, 154, 31	`rgb(198,154,31)`
RGB Percent	77.6, 60.4, 12.2	`rgb(77.6%,60.4%,12.2%)`
CMYK	0, 22, 84, 22
HSL	44.2°, 72.9, 44.9	`hsl(44.2,72.9%,44.9%)`
HSV (or HSB)	44.2°, 84.3, 77.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.918, 5.603, 64.105
XYZ	35.092, 35.218, 6.246
xyY	0.458, 0.46, 35.218
CIE-LCH	65.918, 64.35, 85.005
CIE-LUV	65.918, 37.109, 65.28
Hunter-Lab	59.344, 1.7, 35.301
Binary	11000110, 10011010, 00011111

#c69a1f
```
#c69a1f rgb(198,154,31)
```
#1f4bc6
```
#1f4bc6 rgb(31,75,198)
```

Complementary Color

#c6461f
```
#c6461f rgb(198,70,31)
```
#c69a1f
```
#c69a1f rgb(198,154,31)
```
#9fc61f
```
#9fc61f rgb(159,198,31)
```

Analogous Color

#461fc6
```
#461fc6 rgb(70,31,198)
```
#c69a1f
```
#c69a1f rgb(198,154,31)
```
#1f9fc6
```
#1f9fc6 rgb(31,159,198)
```

Split Complementary Color

#9a1fc6
```
#9a1fc6 rgb(154,31,198)
```
#c69a1f
```
#c69a1f rgb(198,154,31)
```
#1fc69a
```
#1fc69a rgb(31,198,154)
```

Triadic Color

#c61f4b
```
#c61f4b rgb(198,31,75)
```
#c69a1f
```
#c69a1f rgb(198,154,31)
```
#1fc69a
```
#1fc69a rgb(31,198,154)
```
#1f4bc6
```
#1f4bc6 rgb(31,75,198)
```

Tetradic Color

#846715
```
#846715 rgb(132,103,21)
```
#9a7818
```
#9a7818 rgb(154,120,24)
```
#b0891c
```
#b0891c rgb(176,137,28)
```
#c69a1f
```
#c69a1f rgb(198,154,31)
```
#dcab22
```
#dcab22 rgb(220,171,34)
```
#e0b438
```
#e0b438 rgb(224,180,56)
```
#e3bc4e
```
#e3bc4e rgb(227,188,78)
```

Monochromatic Color

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

#c6701f
```
#c6701f rgb(198,112,31)
```
#c67e1f
```
#c67e1f rgb(198,126,31)
```
#c68c1f
```
#c68c1f rgb(198,140,31)
```
#c69a1f
```
#c69a1f rgb(198,154,31)
```
#c6a81f
```
#c6a81f rgb(198,168,31)
```
#c6b61f
```
#c6b61f rgb(198,182,31)
```
#c6c41f
```
#c6c41f rgb(198,196,31)
```

Similar Colors

Text with hexadecimal color #c69a1f

This text has a font color of #c69a1f.

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

#c69a1f background color

This paragraph has a background color of #c69a1f.

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

#c69a1f border color

This element has a border color of #c69a1f.

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

CSS codes

.text {color:#c69a1f;}

.background {background-color:#c69a1f;}

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

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, #0b0902 is the darkest color, while #fefdf9 is the lightest one.

#0b0902
```
#0b0902 rgb(11,9,2)
```
#1c1604
```
#1c1604 rgb(28,22,4)
```
#2d2307
```
#2d2307 rgb(45,35,7)
```
#3e300a
```
#3e300a rgb(62,48,10)
```
#4f3e0c
```
#4f3e0c rgb(79,62,12)
```
#604b0f
```
#604b0f rgb(96,75,15)
```
#715812
```
#715812 rgb(113,88,18)
```
#826514
```
#826514 rgb(130,101,20)
```
#937217
```
#937217 rgb(147,114,23)
```
#a4801a
```
#a4801a rgb(164,128,26)
```
#b58d1c
```
#b58d1c rgb(181,141,28)
```
#c69a1f
```
#c69a1f rgb(198,154,31)
```
#d7a722
```
#d7a722 rgb(215,167,34)
```

Shade Color Variation

#deb02e
```
#deb02e rgb(222,176,46)
```
#e1b63f
```
#e1b63f rgb(225,182,63)
```
#e4bd50
```
#e4bd50 rgb(228,189,80)
```
#e6c361
```
#e6c361 rgb(230,195,97)
```
#e9ca72
```
#e9ca72 rgb(233,202,114)
```
#ecd083
```
#ecd083 rgb(236,208,131)
```
#eed694
```
#eed694 rgb(238,214,148)
```
#f1dda5
```
#f1dda5 rgb(241,221,165)
```
#f4e3b6
```
#f4e3b6 rgb(244,227,182)
```
#f6eac7
```
#f6eac7 rgb(246,234,199)
```
#f9f0d8
```
#f9f0d8 rgb(249,240,216)
```
#fbf6e9
```
#fbf6e9 rgb(251,246,233)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#77756e
```
#77756e rgb(119,117,110)
```
#807965
```
#807965 rgb(128,121,101)
```
#887d5d
```
#887d5d rgb(136,125,93)
```
#918154
```
#918154 rgb(145,129,84)
```
#9a854b
```
#9a854b rgb(154,133,75)
```
#a38942
```
#a38942 rgb(163,137,66)
```
#ac8e39
```
#ac8e39 rgb(172,142,57)
```
#b49231
```
#b49231 rgb(180,146,49)
```
#bd9628
```
#bd9628 rgb(189,150,40)
```
#c69a1f
```
#c69a1f rgb(198,154,31)
```
#cf9e16
```
#cf9e16 rgb(207,158,22)
```
#d8a20d
```
#d8a20d rgb(216,162,13)
```
#e0a605
```
#e0a605 rgb(224,166,5)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a29981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a52c Protanopia 1% of men
#cd9d2b Deuteranopia 1% of men
#d0959f Tritanopia 0.001% of the population

Trichromacy

#bda127 Protanomaly 1% of men, 0.01% of women
#ca9c27 Deuteranomaly 6% of men, 0.4% of women
#cc9670 Tritanomaly 0.01% of the population

#c69a1f hex color

#c69a1f Color Information

#c69a1f Color Conversion

Color Schemes with #c69a1f

Alternatives to #c69a1f

#c69a1f Preview

Shades and Tints of #c69a1f

Tones of #c69a1f

Color Blindness Simulator