#cfa500 hex color

In a RGB color space, hex #cfa500 is composed of 81.2% red, 64.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.3% magenta, 100% yellow and 18.8% black. It has a hue angle of 47.8 degrees, a saturation of 100% and a lightness of 40.6%. #cfa500 color hex could be obtained by blending #ffff00 with #9f4b00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 81
- G 65
- B 0
RGB color chart
- C 0
- M 20
- Y 100
- K 19
CMYK color chart

● #cfa500 color description : Strong yellow.

The hexadecimal color #cfa500 has RGB values of R:207, G:165, B:0 and CMYK values of C:0, M:0.2, Y:1, K:0.19. Its decimal value is 13608192.

Hex triplet	cfa500	`#cfa500`
RGB Decimal	207, 165, 0	`rgb(207,165,0)`
RGB Percent	81.2, 64.7, 0	`rgb(81.2%,64.7%,0%)`
CMYK	0, 20, 100, 19
HSL	47.8°, 100, 40.6	`hsl(47.8,100%,40.6%)`
HSV (or HSB)	47.8°, 100, 81.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.596, 3.194, 72.801
XYZ	39.188, 40.178, 5.691
xyY	0.461, 0.472, 40.178
CIE-LCH	69.596, 72.871, 87.488
CIE-LUV	69.596, 36.236, 72.772
Hunter-Lab	63.386, -0.568, 39.047
Binary	11001111, 10100101, 00000000

#cfa500
```
#cfa500 rgb(207,165,0)
```
#002acf
```
#002acf rgb(0,42,207)
```

Complementary Color

#cf3d00
```
#cf3d00 rgb(207,61,0)
```
#cfa500
```
#cfa500 rgb(207,165,0)
```
#92cf00
```
#92cf00 rgb(146,207,0)
```

Analogous Color

#3d00cf
```
#3d00cf rgb(61,0,207)
```
#cfa500
```
#cfa500 rgb(207,165,0)
```
#0092cf
```
#0092cf rgb(0,146,207)
```

Split Complementary Color

#a500cf
```
#a500cf rgb(165,0,207)
```
#cfa500
```
#cfa500 rgb(207,165,0)
```
#00cfa5
```
#00cfa5 rgb(0,207,165)
```

Triadic Color

#cf002a
```
#cf002a rgb(207,0,42)
```
#cfa500
```
#cfa500 rgb(207,165,0)
```
#00cfa5
```
#00cfa5 rgb(0,207,165)
```
#002acf
```
#002acf rgb(0,42,207)
```

Tetradic Color

#836800
```
#836800 rgb(131,104,0)
```
#9c7c00
```
#9c7c00 rgb(156,124,0)
```
#b69100
```
#b69100 rgb(182,145,0)
```
#cfa500
```
#cfa500 rgb(207,165,0)
```
#e9b900
```
#e9b900 rgb(233,185,0)
```
#ffcc03
```
#ffcc03 rgb(255,204,3)
```
#ffd11d
```
#ffd11d rgb(255,209,29)
```

Monochromatic Color

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

#cf7100
```
#cf7100 rgb(207,113,0)
```
#cf8300
```
#cf8300 rgb(207,131,0)
```
#cf9400
```
#cf9400 rgb(207,148,0)
```
#cfa500
```
#cfa500 rgb(207,165,0)
```
#cfb600
```
#cfb600 rgb(207,182,0)
```
#cfc800
```
#cfc800 rgb(207,200,0)
```
#c5cf00
```
#c5cf00 rgb(197,207,0)
```

Similar Colors

Text with hexadecimal color #cfa500

This text has a font color of #cfa500.

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

#cfa500 background color

This paragraph has a background color of #cfa500.

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

#cfa500 border color

This element has a border color of #cfa500.

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

CSS codes

.text {color:#cfa500;}

.background {background-color:#cfa500;}

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

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

#0b0900
```
#0b0900 rgb(11,9,0)
```
#1e1800
```
#1e1800 rgb(30,24,0)
```
#322800
```
#322800 rgb(50,40,0)
```
#463800
```
#463800 rgb(70,56,0)
```
#594700
```
#594700 rgb(89,71,0)
```
#6d5700
```
#6d5700 rgb(109,87,0)
```
#816600
```
#816600 rgb(129,102,0)
```
#947600
```
#947600 rgb(148,118,0)
```
#a88600
```
#a88600 rgb(168,134,0)
```
#bb9500
```
#bb9500 rgb(187,149,0)
```
#cfa500
```
#cfa500 rgb(207,165,0)
```
#e3b500
```
#e3b500 rgb(227,181,0)
```
#f6c400
```
#f6c400 rgb(246,196,0)
```

Shade Color Variation

#ffcd0b
```
#ffcd0b rgb(255,205,11)
```
#ffd11e
```
#ffd11e rgb(255,209,30)
```
#ffd532
```
#ffd532 rgb(255,213,50)
```
#ffd946
```
#ffd946 rgb(255,217,70)
```
#ffdd59
```
#ffdd59 rgb(255,221,89)
```
#ffe16d
```
#ffe16d rgb(255,225,109)
```
#ffe581
```
#ffe581 rgb(255,229,129)
```
#ffe994
```
#ffe994 rgb(255,233,148)
```
#ffeda8
```
#ffeda8 rgb(255,237,168)
```
#fff1bb
```
#fff1bb rgb(255,241,187)
```
#fff5cf
```
#fff5cf rgb(255,245,207)
```
#fff9e3
```
#fff9e3 rgb(255,249,227)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#6f6c60
```
#6f6c60 rgb(111,108,96)
```
#777158
```
#777158 rgb(119,113,88)
```
#7f7650
```
#7f7650 rgb(127,118,80)
```
#877a48
```
#877a48 rgb(135,122,72)
```
#8f7f40
```
#8f7f40 rgb(143,127,64)
```
#978438
```
#978438 rgb(151,132,56)
```
#9f8930
```
#9f8930 rgb(159,137,48)
```
#a78d28
```
#a78d28 rgb(167,141,40)
```
#af9220
```
#af9220 rgb(175,146,32)
```
#b79718
```
#b79718 rgb(183,151,24)
```
#bf9c10
```
#bf9c10 rgb(191,156,16)
```
#c7a008
```
#c7a008 rgb(199,160,8)
```
#cfa500
```
#cfa500 rgb(207,165,0)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a9a07f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae0b Protanopia 1% of men
#daa512 Deuteranopia 1% of men
#da9ea9 Tritanopia 0.001% of the population

Trichromacy

#c7ab07 Protanomaly 1% of men, 0.01% of women
#d6a50b Deuteranomaly 6% of men, 0.4% of women
#d6a06b Tritanomaly 0.01% of the population

#cfa500 hex color

#cfa500 Color Information

#cfa500 Color Conversion

Color Schemes with #cfa500

Alternatives to #cfa500

#cfa500 Preview

Shades and Tints of #cfa500

Tones of #cfa500

Color Blindness Simulator