#ffa63c Color Information
In a RGB color space, hex #ffa63c is composed of 100% red, 65.1% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 76.5% yellow and 0% black. It has a hue angle of 32.6 degrees, a saturation of 100% and a lightness of 61.8%. #ffa63c color hex could be obtained by blending #ffff78 with #ff4d00. Closest websafe color is: #ff9933.
-
- R 100
- G 65
- B 24
-
- C 0
- M 35
- Y 76
- K 0
● #ffa63c color description : Light orange.
#ffa63c Color Conversion
The hexadecimal color #ffa63c has RGB values of R:255, G:166, B:60 and CMYK values of C:0, M:0.35, Y:0.76, K:0. Its decimal value is 16754236.
Hex triplet | ffa63c | #ffa63c |
---|---|---|
RGB Decimal | 255, 166, 60 | rgb(255,166,60) |
RGB Percent | 100, 65.1, 23.5 | rgb(100%,65.1%,23.5%) |
CMYK | 0, 35, 76, 0 | |
HSL | 32.6°, 100, 61.8 | hsl(32.6,100%,61.8%) |
HSV (or HSB) | 32.6°, 76.5, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.366, 24.582, 65.024 |
---|---|
XYZ | 55.693, 48.863, 10.773 |
xyY | 0.483, 0.424, 48.863 |
CIE-LCH | 75.366, 69.515, 69.291 |
CIE-LUV | 75.366, 72.031, 65.976 |
Hunter-Lab | 69.902, 19.889, 39.794 |
Binary | 11111111, 10100110, 00111100 |
Color Schemes with #ffa63c
Alternatives to #ffa63c
Below, you can see some colors close to #ffa63c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa63c Preview
This text has a font color of #ffa63c.
<span style="color:#ffa63c;">Text here</span>
This paragraph has a background color of #ffa63c.
<p style="background-color:#ffa63c;">Content here</p>
This element has a border color of #ffa63c.
<div style="border:1px solid #ffa63c;">Content here</div>
.text {color:#ffa63c;}
.background {background-color:#ffa63c;}
.border {border:1px solid #ffa63c;}
Shades and Tints of #ffa63c
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, #010100 is the darkest color, while #fff7ed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150b00
#150b00
rgb(21,11,0)
-
#281600
#281600
rgb(40,22,0)
-
#3c2100
#3c2100
rgb(60,33,0)
-
#502b00
#502b00
rgb(80,43,0)
-
#633600
#633600
rgb(99,54,0)
-
#774100
#774100
rgb(119,65,0)
-
#8a4b00
#8a4b00
rgb(138,75,0)
-
#9e5600
#9e5600
rgb(158,86,0)
-
#b26100
#b26100
rgb(178,97,0)
-
#c56b00
#c56b00
rgb(197,107,0)
-
#d97600
#d97600
rgb(217,118,0)
-
#ed8100
#ed8100
rgb(237,129,0)
-
#ff8b01
#ff8b01
rgb(255,139,1)
-
#ff9415
#ff9415
rgb(255,148,21)
-
#ff9d28
#ff9d28
rgb(255,157,40)
-
#ffa63c
#ffa63c
rgb(255,166,60)
-
#ffaf50
#ffaf50
rgb(255,175,80)
-
#ffb863
#ffb863
rgb(255,184,99)
-
#ffc177
#ffc177
rgb(255,193,119)
-
#ffca8a
#ffca8a
rgb(255,202,138)
-
#ffd39e
#ffd39e
rgb(255,211,158)
-
#ffdcb2
#ffdcb2
rgb(255,220,178)
-
#ffe5c5
#ffe5c5
rgb(255,229,197)
-
#ffeed9
#ffeed9
rgb(255,238,217)
-
#fff7ed
#fff7ed
rgb(255,247,237)
Tones of #ffa63c
A tone is produced by adding gray to any pure hue. In this case, #a59e96 is the less saturated color, while #ffa63c is the most saturated one.
-
#a59e96
#a59e96
rgb(165,158,150)
-
#ad9f8f
#ad9f8f
rgb(173,159,143)
-
#b49f87
#b49f87
rgb(180,159,135)
-
#bca080
#bca080
rgb(188,160,128)
-
#c3a178
#c3a178
rgb(195,161,120)
-
#cba171
#cba171
rgb(203,161,113)
-
#d2a269
#d2a269
rgb(210,162,105)
-
#daa362
#daa362
rgb(218,163,98)
-
#e1a35a
#e1a35a
rgb(225,163,90)
-
#e9a453
#e9a453
rgb(233,164,83)
-
#f0a54b
#f0a54b
rgb(240,165,75)
-
#f8a544
#f8a544
rgb(248,165,68)
-
#ffa63c
#ffa63c
rgb(255,166,60)
Color Blindness Simulator
Below, you can see how #ffa63c 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.