#ffc347 Color Information
In a RGB color space, hex #ffc347 is composed of 100% red, 76.5% green and 27.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 72.2% yellow and 0% black. It has a hue angle of 40.4 degrees, a saturation of 100% and a lightness of 63.9%. #ffc347 color hex could be obtained by blending #ffff8e with #ff8700. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 28
-
- C 0
- M 24
- Y 72
- K 0
● #ffc347 color description : Light orange.
#ffc347 Color Conversion
The hexadecimal color #ffc347 has RGB values of R:255, G:195, B:71 and CMYK values of C:0, M:0.24, Y:0.72, K:0. Its decimal value is 16761671.
Hex triplet | ffc347 | #ffc347 |
---|---|---|
RGB Decimal | 255, 195, 71 | rgb(255,195,71) |
RGB Percent | 100, 76.5, 27.8 | rgb(100%,76.5%,27.8%) |
CMYK | 0, 24, 72, 0 | |
HSL | 40.4°, 100, 63.9 | hsl(40.4,100%,63.9%) |
HSV (or HSB) | 40.4°, 72.2, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.243, 9.921, 67.425 |
---|---|
XYZ | 61.893, 60.748, 14.427 |
xyY | 0.452, 0.443, 60.748 |
CIE-LCH | 82.243, 68.15, 81.63 |
CIE-LUV | 82.243, 48.903, 74.39 |
Hunter-Lab | 77.941, 5.35, 43.584 |
Binary | 11111111, 11000011, 01000111 |
Color Schemes with #ffc347
Alternatives to #ffc347
Below, you can see some colors close to #ffc347. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc347 Preview
This text has a font color of #ffc347.
<span style="color:#ffc347;">Text here</span>
This paragraph has a background color of #ffc347.
<p style="background-color:#ffc347;">Content here</p>
This element has a border color of #ffc347.
<div style="border:1px solid #ffc347;">Content here</div>
.text {color:#ffc347;}
.background {background-color:#ffc347;}
.border {border:1px solid #ffc347;}
Shades and Tints of #ffc347
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, #0c0800 is the darkest color, while #fffdf8 is the lightest one.
-
#0c0800
#0c0800
rgb(12,8,0)
-
#201500
#201500
rgb(32,21,0)
-
#332300
#332300
rgb(51,35,0)
-
#473000
#473000
rgb(71,48,0)
-
#5b3d00
#5b3d00
rgb(91,61,0)
-
#6e4a00
#6e4a00
rgb(110,74,0)
-
#825800
#825800
rgb(130,88,0)
-
#956500
#956500
rgb(149,101,0)
-
#a97200
#a97200
rgb(169,114,0)
-
#bd7f00
#bd7f00
rgb(189,127,0)
-
#d08c00
#d08c00
rgb(208,140,0)
-
#e49a00
#e49a00
rgb(228,154,0)
-
#f8a700
#f8a700
rgb(248,167,0)
-
#ffb00c
#ffb00c
rgb(255,176,12)
-
#ffb620
#ffb620
rgb(255,182,32)
-
#ffbd33
#ffbd33
rgb(255,189,51)
-
#ffc347
#ffc347
rgb(255,195,71)
-
#ffc95b
#ffc95b
rgb(255,201,91)
-
#ffd06e
#ffd06e
rgb(255,208,110)
-
#ffd682
#ffd682
rgb(255,214,130)
-
#ffdd95
#ffdd95
rgb(255,221,149)
-
#ffe3a9
#ffe3a9
rgb(255,227,169)
-
#ffe9bd
#ffe9bd
rgb(255,233,189)
-
#fff0d0
#fff0d0
rgb(255,240,208)
-
#fff6e4
#fff6e4
rgb(255,246,228)
-
#fffdf8
#fffdf8
rgb(255,253,248)
Tones of #ffc347
A tone is produced by adding gray to any pure hue. In this case, #aaa59c is the less saturated color, while #ffc347 is the most saturated one.
-
#aaa59c
#aaa59c
rgb(170,165,156)
-
#b1a895
#b1a895
rgb(177,168,149)
-
#b8aa8e
#b8aa8e
rgb(184,170,142)
-
#bfad87
#bfad87
rgb(191,173,135)
-
#c6af80
#c6af80
rgb(198,175,128)
-
#cdb279
#cdb279
rgb(205,178,121)
-
#d5b471
#d5b471
rgb(213,180,113)
-
#dcb76a
#dcb76a
rgb(220,183,106)
-
#e3b963
#e3b963
rgb(227,185,99)
-
#eabc5c
#eabc5c
rgb(234,188,92)
-
#f1be55
#f1be55
rgb(241,190,85)
-
#f8c14e
#f8c14e
rgb(248,193,78)
-
#ffc347
#ffc347
rgb(255,195,71)
Color Blindness Simulator
Below, you can see how #ffc347 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.