#ffc220 hex color

In a RGB color space, hex #ffc220 is composed of 100% red, 76.1% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 87.5% yellow and 0% black. It has a hue angle of 43.6 degrees, a saturation of 100% and a lightness of 56.3%. #ffc220 color hex could be obtained by blending #ffff40 with #ff8500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 76
- B 13
RGB color chart
- C 0
- M 24
- Y 87
- K 0
CMYK color chart

● #ffc220 color description : Vivid orange.

The hexadecimal color #ffc220 has RGB values of R:255, G:194, B:32 and CMYK values of C:0, M:0.24, Y:0.87, K:0. Its decimal value is 16761376.

Hex triplet	ffc220	`#ffc220`
RGB Decimal	255, 194, 32	`rgb(255,194,32)`
RGB Percent	100, 76.1, 12.5	`rgb(100%,76.1%,12.5%)`
CMYK	0, 24, 87, 0
HSL	43.6°, 100, 56.3	`hsl(43.6,100%,56.3%)`
HSV (or HSB)	43.6°, 87.5, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.812, 9.199, 79.206
XYZ	60.794, 59.951, 9.736
xyY	0.466, 0.459, 59.951
CIE-LCH	81.812, 79.738, 83.375
CIE-LUV	81.812, 51.021, 81.975
Hunter-Lab	77.428, 4.652, 46.744
Binary	11111111, 11000010, 00100000

#ffc220
```
#ffc220 rgb(255,194,32)
```
#205dff
```
#205dff rgb(32,93,255)
```

Complementary Color

#ff5320
```
#ff5320 rgb(255,83,32)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```
#cdff20
```
#cdff20 rgb(205,255,32)
```

Analogous Color

#5320ff
```
#5320ff rgb(83,32,255)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```
#20cdff
```
#20cdff rgb(32,205,255)
```

Split Complementary Color

#c220ff
```
#c220ff rgb(194,32,255)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```
#20ffc2
```
#20ffc2 rgb(32,255,194)
```

Triadic Color

#ff205d
```
#ff205d rgb(255,32,93)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```
#20ffc2
```
#20ffc2 rgb(32,255,194)
```
#205dff
```
#205dff rgb(32,93,255)
```

Tetradic Color

#d39900
```
#d39900 rgb(211,153,0)
```
#ecab00
```
#ecab00 rgb(236,171,0)
```
#ffbb06
```
#ffbb06 rgb(255,187,6)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```
#ffc93a
```
#ffc93a rgb(255,201,58)
```
#ffd053
```
#ffd053 rgb(255,208,83)
```
#ffd76d
```
#ffd76d rgb(255,215,109)
```

Monochromatic Color

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

#ff8a20
```
#ff8a20 rgb(255,138,32)
```
#ff9d20
```
#ff9d20 rgb(255,157,32)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```
#ffd520
```
#ffd520 rgb(255,213,32)
```
#ffe720
```
#ffe720 rgb(255,231,32)
```
#fffa20
```
#fffa20 rgb(255,250,32)
```

Similar Colors

Text with hexadecimal color #ffc220

This text has a font color of #ffc220.

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

#ffc220 background color

This paragraph has a background color of #ffc220.

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

#ffc220 border color

This element has a border color of #ffc220.

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

CSS codes

.text {color:#ffc220;}

.background {background-color:#ffc220;}

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

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

#0c0900
```
#0c0900 rgb(12,9,0)
```
#201700
```
#201700 rgb(32,23,0)
```
#342500
```
#342500 rgb(52,37,0)
```
#473400
```
#473400 rgb(71,52,0)
```
#5b4200
```
#5b4200 rgb(91,66,0)
```
#6e5000
```
#6e5000 rgb(110,80,0)
```
#825e00
```
#825e00 rgb(130,94,0)
```
#966d00
```
#966d00 rgb(150,109,0)
```
#a97b00
```
#a97b00 rgb(169,123,0)
```
#bd8900
```
#bd8900 rgb(189,137,0)
```
#d19700
```
#d19700 rgb(209,151,0)
```
#e4a600
```
#e4a600 rgb(228,166,0)
```
#f8b400
```
#f8b400 rgb(248,180,0)
```

Shade Color Variation

#ffbd0c
```
#ffbd0c rgb(255,189,12)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```
#ffc734
```
#ffc734 rgb(255,199,52)
```
#ffcd47
```
#ffcd47 rgb(255,205,71)
```
#ffd25b
```
#ffd25b rgb(255,210,91)
```
#ffd76e
```
#ffd76e rgb(255,215,110)
```
#ffdd82
```
#ffdd82 rgb(255,221,130)
```
#ffe296
```
#ffe296 rgb(255,226,150)
```
#ffe8a9
```
#ffe8a9 rgb(255,232,169)
```
#ffedbd
```
#ffedbd rgb(255,237,189)
```
#fff2d1
```
#fff2d1 rgb(255,242,209)
```
#fff8e4
```
#fff8e4 rgb(255,248,228)
```
#fffdf8
```
#fffdf8 rgb(255,253,248)
```

Tint Color Variation

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

#989387
```
#989387 rgb(152,147,135)
```
#a1977e
```
#a1977e rgb(161,151,126)
```
#a99b76
```
#a99b76 rgb(169,155,118)
```
#b29f6d
```
#b29f6d rgb(178,159,109)
```
#baa365
```
#baa365 rgb(186,163,101)
```
#c3a75c
```
#c3a75c rgb(195,167,92)
```
#ccab53
```
#ccab53 rgb(204,171,83)
```
#d4af4b
```
#d4af4b rgb(212,175,75)
```
#ddb242
```
#ddb242 rgb(221,178,66)
```
#e5b63a
```
#e5b63a rgb(229,182,58)
```
#eeba31
```
#eeba31 rgb(238,186,49)
```
#f6be29
```
#f6be29 rgb(246,190,41)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cec2a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce2e Protanopia 1% of men
#ffc445 Deuteranopia 1% of men
#ffbcc6 Tritanopia 0.001% of the population

Trichromacy

#efc929 Protanomaly 1% of men, 0.01% of women
#ffc338 Deuteranomaly 6% of men, 0.4% of women
#ffbe8a Tritanomaly 0.01% of the population

#ffc220 hex color

#ffc220 Color Information

#ffc220 Color Conversion

Color Schemes with #ffc220

Alternatives to #ffc220

#ffc220 Preview

Shades and Tints of #ffc220

Tones of #ffc220

Color Blindness Simulator