#c4af02 hex color

In a RGB color space, hex #c4af02 is composed of 76.9% red, 68.6% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 99% yellow and 23.1% black. It has a hue angle of 53.5 degrees, a saturation of 98% and a lightness of 38.8%. #c4af02 color hex could be obtained by blending #ffff04 with #895f00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 77
- G 69
- B 1
RGB color chart
- C 0
- M 11
- Y 99
- K 23
CMYK color chart

● #c4af02 color description : Strong yellow.

The hexadecimal color #c4af02 has RGB values of R:196, G:175, B:2 and CMYK values of C:0, M:0.11, Y:0.99, K:0.23. Its decimal value is 12889858.

Hex triplet	c4af02	`#c4af02`
RGB Decimal	196, 175, 2	`rgb(196,175,2)`
RGB Percent	76.9, 68.6, 0.8	`rgb(76.9%,68.6%,0.8%)`
CMYK	0, 11, 99, 23
HSL	53.5°, 98, 38.8	`hsl(53.5,98%,38.8%)`
HSV (or HSB)	53.5°, 99, 76.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	71.147, -6.947, 73.167
XYZ	38.106, 42.401, 6.235
xyY	0.439, 0.489, 42.401
CIE-LCH	71.147, 73.496, 95.424
CIE-LUV	71.147, 20.499, 76.273
Hunter-Lab	65.116, -9.495, 39.905
Binary	11000100, 10101111, 00000010

#c4af02
```
#c4af02 rgb(196,175,2)
```
#0217c4
```
#0217c4 rgb(2,23,196)
```

Complementary Color

#c44e02
```
#c44e02 rgb(196,78,2)
```
#c4af02
```
#c4af02 rgb(196,175,2)
```
#78c402
```
#78c402 rgb(120,196,2)
```

Analogous Color

#4e02c4
```
#4e02c4 rgb(78,2,196)
```
#c4af02
```
#c4af02 rgb(196,175,2)
```
#0278c4
```
#0278c4 rgb(2,120,196)
```

Split Complementary Color

#af02c4
```
#af02c4 rgb(175,2,196)
```
#c4af02
```
#c4af02 rgb(196,175,2)
```
#02c4af
```
#02c4af rgb(2,196,175)
```

Triadic Color

#c40217
```
#c40217 rgb(196,2,23)
```
#c4af02
```
#c4af02 rgb(196,175,2)
```
#02c4af
```
#02c4af rgb(2,196,175)
```
#0217c4
```
#0217c4 rgb(2,23,196)
```

Tetradic Color

#786b01
```
#786b01 rgb(120,107,1)
```
#928201
```
#928201 rgb(146,130,1)
```
#ab9802
```
#ab9802 rgb(171,152,2)
```
#c4af02
```
#c4af02 rgb(196,175,2)
```
#ddc602
```
#ddc602 rgb(221,198,2)
```
#f6dc03
```
#f6dc03 rgb(246,220,3)
```
#fde416
```
#fde416 rgb(253,228,22)
```

Monochromatic Color

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

#c47f02
```
#c47f02 rgb(196,127,2)
```
#c48f02
```
#c48f02 rgb(196,143,2)
```
#c49f02
```
#c49f02 rgb(196,159,2)
```
#c4af02
```
#c4af02 rgb(196,175,2)
```
#c4bf02
```
#c4bf02 rgb(196,191,2)
```
#b9c402
```
#b9c402 rgb(185,196,2)
```
#a9c402
```
#a9c402 rgb(169,196,2)
```

Similar Colors

Text with hexadecimal color #c4af02

This text has a font color of #c4af02.

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

#c4af02 background color

This paragraph has a background color of #c4af02.

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

#c4af02 border color

This element has a border color of #c4af02.

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

CSS codes

.text {color:#c4af02;}

.background {background-color:#c4af02;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#151300
```
#151300 rgb(21,19,0)
```
#292400
```
#292400 rgb(41,36,0)
```
#3c3601
```
#3c3601 rgb(60,54,1)
```
#4f4701
```
#4f4701 rgb(79,71,1)
```
#635801
```
#635801 rgb(99,88,1)
```
#766a01
```
#766a01 rgb(118,106,1)
```
#8a7b01
```
#8a7b01 rgb(138,123,1)
```
#9d8c02
```
#9d8c02 rgb(157,140,2)
```
#b19e02
```
#b19e02 rgb(177,158,2)
```
#c4af02
```
#c4af02 rgb(196,175,2)
```
#d7c002
```
#d7c002 rgb(215,192,2)
```
#ebd202
```
#ebd202 rgb(235,210,2)
```

Shade Color Variation

#fce204
```
#fce204 rgb(252,226,4)
```
#fde418
```
#fde418 rgb(253,228,24)
```
#fde62b
```
#fde62b rgb(253,230,43)
```
#fde83f
```
#fde83f rgb(253,232,63)
```
#fdeb52
```
#fdeb52 rgb(253,235,82)
```
#fded65
```
#fded65 rgb(253,237,101)
```
#feef79
```
#feef79 rgb(254,239,121)
```
#fef28c
```
#fef28c rgb(254,242,140)
```
#fef4a0
```
#fef4a0 rgb(254,244,160)
```
#fef6b3
```
#fef6b3 rgb(254,246,179)
```
#fef8c7
```
#fef8c7 rgb(254,248,199)
```
#fffbda
```
#fffbda rgb(255,251,218)
```
#fffded
```
#fffded rgb(255,253,237)
```

Tint Color Variation

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

#69675d
```
#69675d rgb(105,103,93)
```
#706d56
```
#706d56 rgb(112,109,86)
```
#78734e
```
#78734e rgb(120,115,78)
```
#7f7947
```
#7f7947 rgb(127,121,71)
```
#877f3f
```
#877f3f rgb(135,127,63)
```
#8f8537
```
#8f8537 rgb(143,133,55)
```
#968b30
```
#968b30 rgb(150,139,48)
```
#9e9128
```
#9e9128 rgb(158,145,40)
```
#a69720
```
#a69720 rgb(166,151,32)
```
#ad9d19
```
#ad9d19 rgb(173,157,25)
```
#b5a311
```
#b5a311 rgb(181,163,17)
```
#bca90a
```
#bca90a rgb(188,169,10)
```
#c4af02
```
#c4af02 rgb(196,175,2)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a9a582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b20b Protanopia 1% of men
#dea91d Deuteranopia 1% of men
#d1a7b2 Tritanopia 0.001% of the population

Trichromacy

#c6b107 Protanomaly 1% of men, 0.01% of women
#d5ab13 Deuteranomaly 6% of men, 0.4% of women
#ccaa72 Tritanomaly 0.01% of the population

#c4af02 hex color

#c4af02 Color Information

#c4af02 Color Conversion

Color Schemes with #c4af02

Alternatives to #c4af02

#c4af02 Preview

Shades and Tints of #c4af02

Tones of #c4af02

Color Blindness Simulator