colorhexa.com

#ffc34c hex color

In a RGB color space, hex #ffc34c is composed of 100% red, 76.5% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 70.2% yellow and 0% black. It has a hue angle of 39.9 degrees, a saturation of 100% and a lightness of 64.9%. #ffc34c color hex could be obtained by blending #ffff98 with #ff8700. Closest websafe color is: #ffcc33.

- R 100
- G 76
- B 30
RGB color chart
- C 0
- M 24
- Y 70
- K 0
CMYK color chart

● #ffc34c color description : Light orange.

The hexadecimal color #ffc34c has RGB values of R:255, G:195, B:76 and CMYK values of C:0, M:0.24, Y:0.7, K:0. Its decimal value is 16761676.

Hex triplet	ffc34c	`#ffc34c`
RGB Decimal	255, 195, 76	`rgb(255,195,76)`
RGB Percent	100, 76.5, 29.8	`rgb(100%,76.5%,29.8%)`
CMYK	0, 24, 70, 0
HSL	39.9°, 100, 64.9	`hsl(39.9,100%,64.9%)`
HSV (or HSB)	39.9°, 70.2, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	82.279, 10.155, 65.454
XYZ	62.061, 60.815, 15.307
xyY	0.449, 0.44, 60.815
CIE-LCH	82.279, 66.237, 81.181
CIE-LUV	82.279, 48.652, 72.904
Hunter-Lab	77.984, 5.58, 42.951
Binary	11111111, 11000011, 01001100

#ffc34c
```
#ffc34c rgb(255,195,76)
```
#4c88ff
```
#4c88ff rgb(76,136,255)
```

Complementary Color

#ff6a4c
```
#ff6a4c rgb(255,106,76)
```
#ffc34c
```
#ffc34c rgb(255,195,76)
```
#e2ff4c
```
#e2ff4c rgb(226,255,76)
```

Analogous Color

#6a4cff
```
#6a4cff rgb(106,76,255)
```
#ffc34c
```
#ffc34c rgb(255,195,76)
```
#4ce2ff
```
#4ce2ff rgb(76,226,255)
```

Split Complementary Color

#c34cff
```
#c34cff rgb(195,76,255)
```
#ffc34c
```
#ffc34c rgb(255,195,76)
```
#4cffc3
```
#4cffc3 rgb(76,255,195)
```

Triadic Color

#ff4c88
```
#ff4c88 rgb(255,76,136)
```
#ffc34c
```
#ffc34c rgb(255,195,76)
```
#4cffc3
```
#4cffc3 rgb(76,255,195)
```
#4c88ff
```
#4c88ff rgb(76,136,255)
```

Tetradic Color

#ffa900
```
#ffa900 rgb(255,169,0)
```
#ffb219
```
#ffb219 rgb(255,178,25)
```
#ffba33
```
#ffba33 rgb(255,186,51)
```
#ffc34c
```
#ffc34c rgb(255,195,76)
```
#ffcc66
```
#ffcc66 rgb(255,204,102)
```
#ffd47f
```
#ffd47f rgb(255,212,127)
```
#ffdd99
```
#ffdd99 rgb(255,221,153)
```

Monochromatic Color

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

#ff964c
```
#ff964c rgb(255,150,76)
```
#ffa54c
```
#ffa54c rgb(255,165,76)
```
#ffb44c
```
#ffb44c rgb(255,180,76)
```
#ffc34c
```
#ffc34c rgb(255,195,76)
```
#ffd24c
```
#ffd24c rgb(255,210,76)
```
#ffe14c
```
#ffe14c rgb(255,225,76)
```
#fff04c
```
#fff04c rgb(255,240,76)
```

Similar Colors

Text with hexadecimal color #ffc34c

This text has a font color of #ffc34c.

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

#ffc34c background color

This paragraph has a background color of #ffc34c.

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

#ffc34c border color

This element has a border color of #ffc34c.

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

CSS codes

.text {color:#ffc34c;}

.background {background-color:#ffc34c;}

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

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, #110b00 is the darkest color, while #fffefd is the lightest one.

#110b00
```
#110b00 rgb(17,11,0)
```
#251800
```
#251800 rgb(37,24,0)
```
#382500
```
#382500 rgb(56,37,0)
```
#4c3300
```
#4c3300 rgb(76,51,0)
```
#604000
```
#604000 rgb(96,64,0)
```
#734d00
```
#734d00 rgb(115,77,0)
```
#875a00
```
#875a00 rgb(135,90,0)
```
#9a6700
```
#9a6700 rgb(154,103,0)
```
#ae7400
```
#ae7400 rgb(174,116,0)
```
#c28100
```
#c28100 rgb(194,129,0)
```
#d58e00
```
#d58e00 rgb(213,142,0)
```
#e99b00
```
#e99b00 rgb(233,155,0)
```
#fda800
```
#fda800 rgb(253,168,0)
```

Shade Color Variation

#ffaf11
```
#ffaf11 rgb(255,175,17)
```
#ffb625
```
#ffb625 rgb(255,182,37)
```
#ffbc38
```
#ffbc38 rgb(255,188,56)
```
#ffc34c
```
#ffc34c rgb(255,195,76)
```
#ffca60
```
#ffca60 rgb(255,202,96)
```
#ffd073
```
#ffd073 rgb(255,208,115)
```
#ffd787
```
#ffd787 rgb(255,215,135)
```
#ffdd9a
```
#ffdd9a rgb(255,221,154)
```
#ffe4ae
```
#ffe4ae rgb(255,228,174)
```
#ffeac2
```
#ffeac2 rgb(255,234,194)
```
#fff1d5
```
#fff1d5 rgb(255,241,213)
```
#fff8e9
```
#fff8e9 rgb(255,248,233)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#aca89f
```
#aca89f rgb(172,168,159)
```
#b3aa98
```
#b3aa98 rgb(179,170,152)
```
#baac91
```
#baac91 rgb(186,172,145)
```
#c1af8a
```
#c1af8a rgb(193,175,138)
```
#c8b183
```
#c8b183 rgb(200,177,131)
```
#cfb37c
```
#cfb37c rgb(207,179,124)
```
#d6b575
```
#d6b575 rgb(214,181,117)
```
#ddb86e
```
#ddb86e rgb(221,184,110)
```
#e3ba68
```
#e3ba68 rgb(227,186,104)
```
#eabc61
```
#eabc61 rgb(234,188,97)
```
#f1be5a
```
#f1be5a rgb(241,190,90)
```
#f8c153
```
#f8c153 rgb(248,193,83)
```
#ffc34c
```
#ffc34c rgb(255,195,76)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d2c6ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6cf57 Protanopia 1% of men
#ffc55a Deuteranopia 1% of men
#ffbec8 Tritanopia 0.001% of the population

Trichromacy

#efcb53 Protanomaly 1% of men, 0.01% of women
#ffc455 Deuteranomaly 6% of men, 0.4% of women
#ffc09b Tritanomaly 0.01% of the population