#ffc120 hex color

In a RGB color space, hex #ffc120 is composed of 100% red, 75.7% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.3% magenta, 87.5% yellow and 0% black. It has a hue angle of 43.3 degrees, a saturation of 100% and a lightness of 56.3%. #ffc120 color hex could be obtained by blending #ffff40 with #ff8300. 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

● #ffc120 color description : Vivid orange.

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

Hex triplet	ffc120	`#ffc120`
RGB Decimal	255, 193, 32	`rgb(255,193,32)`
RGB Percent	100, 75.7, 12.5	`rgb(100%,75.7%,12.5%)`
CMYK	0, 24, 87, 0
HSL	43.3°, 100, 56.3	`hsl(43.3,100%,56.3%)`
HSV (or HSB)	43.3°, 87.5, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.57, 9.717, 79.016
XYZ	60.572, 59.508, 9.662
xyY	0.467, 0.459, 59.508
CIE-LCH	81.57, 79.611, 82.989
CIE-LUV	81.57, 51.796, 81.602
Hunter-Lab	77.141, 5.163, 46.572
Binary	11111111, 11000001, 00100000

#ffc120
```
#ffc120 rgb(255,193,32)
```
#205eff
```
#205eff rgb(32,94,255)
```

Complementary Color

#ff5220
```
#ff5220 rgb(255,82,32)
```
#ffc120
```
#ffc120 rgb(255,193,32)
```
#ceff20
```
#ceff20 rgb(206,255,32)
```

Analogous Color

#5120ff
```
#5120ff rgb(81,32,255)
```
#ffc120
```
#ffc120 rgb(255,193,32)
```
#20ceff
```
#20ceff rgb(32,206,255)
```

Split Complementary Color

#c120ff
```
#c120ff rgb(193,32,255)
```
#ffc120
```
#ffc120 rgb(255,193,32)
```
#20ffc1
```
#20ffc1 rgb(32,255,193)
```

Triadic Color

#ff205e
```
#ff205e rgb(255,32,94)
```
#ffc120
```
#ffc120 rgb(255,193,32)
```
#20ffc1
```
#20ffc1 rgb(32,255,193)
```
#205eff
```
#205eff rgb(32,94,255)
```

Tetradic Color

#d39800
```
#d39800 rgb(211,152,0)
```
#ecaa00
```
#ecaa00 rgb(236,170,0)
```
#ffba06
```
#ffba06 rgb(255,186,6)
```
#ffc120
```
#ffc120 rgb(255,193,32)
```
#ffc83a
```
#ffc83a rgb(255,200,58)
```
#ffcf53
```
#ffcf53 rgb(255,207,83)
```
#ffd66d
```
#ffd66d rgb(255,214,109)
```

Monochromatic Color

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

#ff8920
```
#ff8920 rgb(255,137,32)
```
#ff9c20
```
#ff9c20 rgb(255,156,32)
```
#ffae20
```
#ffae20 rgb(255,174,32)
```
#ffc120
```
#ffc120 rgb(255,193,32)
```
#ffd420
```
#ffd420 rgb(255,212,32)
```
#ffe620
```
#ffe620 rgb(255,230,32)
```
#fff920
```
#fff920 rgb(255,249,32)
```

Similar Colors

Text with hexadecimal color #ffc120

This text has a font color of #ffc120.

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

#ffc120 background color

This paragraph has a background color of #ffc120.

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

#ffc120 border color

This element has a border color of #ffc120.

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

CSS codes

.text {color:#ffc120;}

.background {background-color:#ffc120;}

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

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)
```
#473300
```
#473300 rgb(71,51,0)
```
#5b4200
```
#5b4200 rgb(91,66,0)
```
#6e5000
```
#6e5000 rgb(110,80,0)
```
#825e00
```
#825e00 rgb(130,94,0)
```
#966c00
```
#966c00 rgb(150,108,0)
```
#a97a00
```
#a97a00 rgb(169,122,0)
```
#bd8800
```
#bd8800 rgb(189,136,0)
```
#d19700
```
#d19700 rgb(209,151,0)
```
#e4a500
```
#e4a500 rgb(228,165,0)
```
#f8b300
```
#f8b300 rgb(248,179,0)
```

Shade Color Variation

#ffbc0c
```
#ffbc0c rgb(255,188,12)
```
#ffc120
```
#ffc120 rgb(255,193,32)
```
#ffc634
```
#ffc634 rgb(255,198,52)
```
#ffcc47
```
#ffcc47 rgb(255,204,71)
```
#ffd15b
```
#ffd15b rgb(255,209,91)
```
#ffd76e
```
#ffd76e rgb(255,215,110)
```
#ffdc82
```
#ffdc82 rgb(255,220,130)
```
#ffe296
```
#ffe296 rgb(255,226,150)
```
#ffe7a9
```
#ffe7a9 rgb(255,231,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 #ffc120 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)
```
#c3a65c
```
#c3a65c rgb(195,166,92)
```
#ccaa53
```
#ccaa53 rgb(204,170,83)
```
#d4ae4b
```
#d4ae4b rgb(212,174,75)
```
#ddb242
```
#ddb242 rgb(221,178,66)
```
#e5b63a
```
#e5b63a rgb(229,182,58)
```
#eeb931
```
#eeb931 rgb(238,185,49)
```
#f6bd29
```
#f6bd29 rgb(246,189,41)
```
#ffc120
```
#ffc120 rgb(255,193,32)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cdc1a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cd2e Protanopia 1% of men
#ffc33e Deuteranopia 1% of men
#ffbbc5 Tritanopia 0.001% of the population

Trichromacy

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

#ffc120 hex color

#ffc120 Color Information

#ffc120 Color Conversion

Color Schemes with #ffc120

Alternatives to #ffc120

#ffc120 Preview

Shades and Tints of #ffc120

Tones of #ffc120

Color Blindness Simulator