#c2b316 hex color

In a RGB color space, hex #c2b316 is composed of 76.1% red, 70.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.7% magenta, 88.7% yellow and 23.9% black. It has a hue angle of 54.8 degrees, a saturation of 79.6% and a lightness of 42.4%. #c2b316 color hex could be obtained by blending #ffff2c with #856700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 76
- G 70
- B 9
RGB color chart
- C 0
- M 8
- Y 89
- K 24
CMYK color chart

● #c2b316 color description : Strong yellow.

The hexadecimal color #c2b316 has RGB values of R:194, G:179, B:22 and CMYK values of C:0, M:0.08, Y:0.89, K:0.24. Its decimal value is 12759830.

Hex triplet	c2b316	`#c2b316`
RGB Decimal	194, 179, 22	`rgb(194,179,22)`
RGB Percent	76.1, 70.2, 8.6	`rgb(76.1%,70.2%,8.6%)`
CMYK	0, 8, 89, 24
HSL	54.8°, 79.6, 42.4	`hsl(54.8,79.6%,42.4%)`
HSV (or HSB)	54.8°, 88.7, 76.1
Web Safe	cccc00	`#cccc00`

CIE-LAB	72.074, -9.634, 71.055
XYZ	38.513, 43.769, 7.179
xyY	0.431, 0.489, 43.769
CIE-LCH	72.074, 71.705, 97.721
CIE-LUV	72.074, 16.064, 76.253
Hunter-Lab	66.158, -11.864, 39.877
Binary	11000010, 10110011, 00010110

#c2b316
```
#c2b316 rgb(194,179,22)
```
#1625c2
```
#1625c2 rgb(22,37,194)
```

Complementary Color

#c25d16
```
#c25d16 rgb(194,93,22)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#7bc216
```
#7bc216 rgb(123,194,22)
```

Analogous Color

#5d16c2
```
#5d16c2 rgb(93,22,194)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#167bc2
```
#167bc2 rgb(22,123,194)
```

Split Complementary Color

#b316c2
```
#b316c2 rgb(179,22,194)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#16c2b3
```
#16c2b3 rgb(22,194,179)
```

Triadic Color

#c21625
```
#c21625 rgb(194,22,37)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#16c2b3
```
#16c2b3 rgb(22,194,179)
```
#1625c2
```
#1625c2 rgb(22,37,194)
```

Tetradic Color

#7d740e
```
#7d740e rgb(125,116,14)
```
#948911
```
#948911 rgb(148,137,17)
```
#ab9e13
```
#ab9e13 rgb(171,158,19)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#d9c819
```
#d9c819 rgb(217,200,25)
```
#e6d525
```
#e6d525 rgb(230,213,37)
```
#e9da3c
```
#e9da3c rgb(233,218,60)
```

Monochromatic Color

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

#c28816
```
#c28816 rgb(194,136,22)
```
#c29616
```
#c29616 rgb(194,150,22)
```
#c2a516
```
#c2a516 rgb(194,165,22)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#c2c116
```
#c2c116 rgb(194,193,22)
```
#b4c216
```
#b4c216 rgb(180,194,22)
```
#a6c216
```
#a6c216 rgb(166,194,22)
```

Similar Colors

Text with hexadecimal color #c2b316

This text has a font color of #c2b316.

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

#c2b316 background color

This paragraph has a background color of #c2b316.

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

#c2b316 border color

This element has a border color of #c2b316.

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

CSS codes

.text {color:#c2b316;}

.background {background-color:#c2b316;}

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

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 #fdfcee is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#121002
```
#121002 rgb(18,16,2)
```
#232104
```
#232104 rgb(35,33,4)
```
#353106
```
#353106 rgb(53,49,6)
```
#474108
```
#474108 rgb(71,65,8)
```
#58510a
```
#58510a rgb(88,81,10)
```
#6a620c
```
#6a620c rgb(106,98,12)
```
#7c720e
```
#7c720e rgb(124,114,14)
```
#8d8210
```
#8d8210 rgb(141,130,16)
```
#9f9212
```
#9f9212 rgb(159,146,18)
```
#b0a314
```
#b0a314 rgb(176,163,20)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#d4c318
```
#d4c318 rgb(212,195,24)
```

Shade Color Variation

#e5d31a
```
#e5d31a rgb(229,211,26)
```
#e7d72c
```
#e7d72c rgb(231,215,44)
```
#e9da3d
```
#e9da3d rgb(233,218,61)
```
#ebdd4f
```
#ebdd4f rgb(235,221,79)
```
#ede161
```
#ede161 rgb(237,225,97)
```
#efe472
```
#efe472 rgb(239,228,114)
```
#f1e884
```
#f1e884 rgb(241,232,132)
```
#f3eb96
```
#f3eb96 rgb(243,235,150)
```
#f5eea7
```
#f5eea7 rgb(245,238,167)
```
#f7f2b9
```
#f7f2b9 rgb(247,242,185)
```
#f9f5ca
```
#f9f5ca rgb(249,245,202)
```
#fbf8dc
```
#fbf8dc rgb(251,248,220)
```
#fdfcee
```
#fdfcee rgb(253,252,238)
```

Tint Color Variation

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

#6f6e69
```
#6f6e69 rgb(111,110,105)
```
#777561
```
#777561 rgb(119,117,97)
```
#807c58
```
#807c58 rgb(128,124,88)
```
#888350
```
#888350 rgb(136,131,80)
```
#908a48
```
#908a48 rgb(144,138,72)
```
#989140
```
#989140 rgb(152,145,64)
```
#a19837
```
#a19837 rgb(161,152,55)
```
#a99e2f
```
#a99e2f rgb(169,158,47)
```
#b1a527
```
#b1a527 rgb(177,165,39)
```
#baac1e
```
#baac1e rgb(186,172,30)
```
#c2b316
```
#c2b316 rgb(194,179,22)
```
#caba0e
```
#caba0e rgb(202,186,14)
```
#d3c105
```
#d3c105 rgb(211,193,5)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#aca989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab521 Protanopia 1% of men
#e1ac2b Deuteranopia 1% of men
#d0aab6 Tritanopia 0.001% of the population

Trichromacy

#c7b41d Protanomaly 1% of men, 0.01% of women
#d6ae23 Deuteranomaly 6% of men, 0.4% of women
#cbad7c Tritanomaly 0.01% of the population

#c2b316 hex color

#c2b316 Color Information

#c2b316 Color Conversion

Color Schemes with #c2b316

Alternatives to #c2b316

#c2b316 Preview

Shades and Tints of #c2b316

Tones of #c2b316

Color Blindness Simulator