#ffc345 Color Information
In a RGB color space, hex #ffc345 is composed of 100% red, 76.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 72.9% yellow and 0% black. It has a hue angle of 40.6 degrees, a saturation of 100% and a lightness of 63.5%. #ffc345 color hex could be obtained by blending #ffff8a with #ff8700. Closest websafe color is: #ffcc33.
-
- R 100
- G 76
- B 27
-
- C 0
- M 24
- Y 73
- K 0
● #ffc345 color description : Light orange.
#ffc345 Color Conversion
The hexadecimal color #ffc345 has RGB values of R:255, G:195, B:69 and CMYK values of C:0, M:0.24, Y:0.73, K:0. Its decimal value is 16761669.
Hex triplet | ffc345 | #ffc345 |
---|---|---|
RGB Decimal | 255, 195, 69 | rgb(255,195,69) |
RGB Percent | 100, 76.5, 27.1 | rgb(100%,76.5%,27.1%) |
CMYK | 0, 24, 73, 0 | |
HSL | 40.6°, 100, 63.5 | hsl(40.6,100%,63.5%) |
HSV (or HSB) | 40.6°, 72.9, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 82.23, 9.832, 68.191 |
---|---|
XYZ | 61.83, 60.723, 14.094 |
xyY | 0.452, 0.444, 60.723 |
CIE-LCH | 82.23, 68.896, 81.795 |
CIE-LUV | 82.23, 48.998, 74.954 |
Hunter-Lab | 77.925, 5.264, 43.824 |
Binary | 11111111, 11000011, 01000101 |
Color Schemes with #ffc345
Alternatives to #ffc345
Below, you can see some colors close to #ffc345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc345 Preview
This text has a font color of #ffc345.
<span style="color:#ffc345;">Text here</span>
This paragraph has a background color of #ffc345.
<p style="background-color:#ffc345;">Content here</p>
This element has a border color of #ffc345.
<div style="border:1px solid #ffc345;">Content here</div>
.text {color:#ffc345;}
.background {background-color:#ffc345;}
.border {border:1px solid #ffc345;}
Shades and Tints of #ffc345
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, #0a0700 is the darkest color, while #fffcf6 is the lightest one.
-
#0a0700
#0a0700
rgb(10,7,0)
-
#1e1400
#1e1400
rgb(30,20,0)
-
#312100
#312100
rgb(49,33,0)
-
#452f00
#452f00
rgb(69,47,0)
-
#593c00
#593c00
rgb(89,60,0)
-
#6c4900
#6c4900
rgb(108,73,0)
-
#805700
#805700
rgb(128,87,0)
-
#936400
#936400
rgb(147,100,0)
-
#a77100
#a77100
rgb(167,113,0)
-
#bb7e00
#bb7e00
rgb(187,126,0)
-
#ce8c00
#ce8c00
rgb(206,140,0)
-
#e29900
#e29900
rgb(226,153,0)
-
#f6a600
#f6a600
rgb(246,166,0)
-
#ffb00a
#ffb00a
rgb(255,176,10)
-
#ffb61e
#ffb61e
rgb(255,182,30)
-
#ffbd31
#ffbd31
rgb(255,189,49)
-
#ffc345
#ffc345
rgb(255,195,69)
-
#ffc959
#ffc959
rgb(255,201,89)
-
#ffd06c
#ffd06c
rgb(255,208,108)
-
#ffd680
#ffd680
rgb(255,214,128)
-
#ffdc93
#ffdc93
rgb(255,220,147)
-
#ffe3a7
#ffe3a7
rgb(255,227,167)
-
#ffe9bb
#ffe9bb
rgb(255,233,187)
-
#ffefce
#ffefce
rgb(255,239,206)
-
#fff6e2
#fff6e2
rgb(255,246,226)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #ffc345
A tone is produced by adding gray to any pure hue. In this case, #a9a59b is the less saturated color, while #ffc345 is the most saturated one.
-
#a9a59b
#a9a59b
rgb(169,165,155)
-
#b0a794
#b0a794
rgb(176,167,148)
-
#b7aa8d
#b7aa8d
rgb(183,170,141)
-
#bfac85
#bfac85
rgb(191,172,133)
-
#c6af7e
#c6af7e
rgb(198,175,126)
-
#cdb177
#cdb177
rgb(205,177,119)
-
#d4b470
#d4b470
rgb(212,180,112)
-
#dbb669
#dbb669
rgb(219,182,105)
-
#e2b962
#e2b962
rgb(226,185,98)
-
#eabb5a
#eabb5a
rgb(234,187,90)
-
#f1be53
#f1be53
rgb(241,190,83)
-
#f8c04c
#f8c04c
rgb(248,192,76)
-
#ffc345
#ffc345
rgb(255,195,69)
Color Blindness Simulator
Below, you can see how #ffc345 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.