#ffa63b Color Information
In a RGB color space, hex #ffa63b is composed of 100% red, 65.1% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.9% magenta, 76.9% yellow and 0% black. It has a hue angle of 32.8 degrees, a saturation of 100% and a lightness of 61.6%. #ffa63b color hex could be obtained by blending #ffff76 with #ff4d00. Closest websafe color is: #ff9933.
-
- R 100
- G 65
- B 23
-
- C 0
- M 35
- Y 77
- K 0
● #ffa63b color description : Light orange.
#ffa63b Color Conversion
The hexadecimal color #ffa63b has RGB values of R:255, G:166, B:59 and CMYK values of C:0, M:0.35, Y:0.77, K:0. Its decimal value is 16754235.
Hex triplet | ffa63b | #ffa63b |
---|---|---|
RGB Decimal | 255, 166, 59 | rgb(255,166,59) |
RGB Percent | 100, 65.1, 23.1 | rgb(100%,65.1%,23.1%) |
CMYK | 0, 35, 77, 0 | |
HSL | 32.8°, 100, 61.6 | hsl(32.8,100%,61.6%) |
HSV (or HSB) | 32.8°, 76.9, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 75.359, 24.544, 65.409 |
---|---|
XYZ | 55.667, 48.852, 10.635 |
xyY | 0.483, 0.424, 48.852 |
CIE-LCH | 75.359, 69.863, 69.432 |
CIE-LUV | 75.359, 72.093, 66.239 |
Hunter-Lab | 69.894, 19.851, 39.904 |
Binary | 11111111, 10100110, 00111011 |
Color Schemes with #ffa63b
Alternatives to #ffa63b
Below, you can see some colors close to #ffa63b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa63b Preview
This text has a font color of #ffa63b.
<span style="color:#ffa63b;">Text here</span>
This paragraph has a background color of #ffa63b.
<p style="background-color:#ffa63b;">Content here</p>
This element has a border color of #ffa63b.
<div style="border:1px solid #ffa63b;">Content here</div>
.text {color:#ffa63b;}
.background {background-color:#ffa63b;}
.border {border:1px solid #ffa63b;}
Shades and Tints of #ffa63b
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, #000000 is the darkest color, while #fff6ec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#140b00
#140b00
rgb(20,11,0)
-
#271600
#271600
rgb(39,22,0)
-
#3b2000
#3b2000
rgb(59,32,0)
-
#4f2b00
#4f2b00
rgb(79,43,0)
-
#623600
#623600
rgb(98,54,0)
-
#764000
#764000
rgb(118,64,0)
-
#894b00
#894b00
rgb(137,75,0)
-
#9d5600
#9d5600
rgb(157,86,0)
-
#b16000
#b16000
rgb(177,96,0)
-
#c46b00
#c46b00
rgb(196,107,0)
-
#d87600
#d87600
rgb(216,118,0)
-
#ec8100
#ec8100
rgb(236,129,0)
-
#ff8b00
#ff8b00
rgb(255,139,0)
-
#ff9414
#ff9414
rgb(255,148,20)
-
#ff9d27
#ff9d27
rgb(255,157,39)
-
#ffa63b
#ffa63b
rgb(255,166,59)
-
#ffaf4f
#ffaf4f
rgb(255,175,79)
-
#ffb862
#ffb862
rgb(255,184,98)
-
#ffc176
#ffc176
rgb(255,193,118)
-
#ffca89
#ffca89
rgb(255,202,137)
-
#ffd39d
#ffd39d
rgb(255,211,157)
-
#ffdbb1
#ffdbb1
rgb(255,219,177)
-
#ffe4c4
#ffe4c4
rgb(255,228,196)
-
#ffedd8
#ffedd8
rgb(255,237,216)
-
#fff6ec
#fff6ec
rgb(255,246,236)
Tones of #ffa63b
A tone is produced by adding gray to any pure hue. In this case, #a59e95 is the less saturated color, while #ffa63b is the most saturated one.
-
#a59e95
#a59e95
rgb(165,158,149)
-
#ac9e8e
#ac9e8e
rgb(172,158,142)
-
#b49f86
#b49f86
rgb(180,159,134)
-
#bba07f
#bba07f
rgb(187,160,127)
-
#c3a077
#c3a077
rgb(195,160,119)
-
#caa170
#caa170
rgb(202,161,112)
-
#d2a268
#d2a268
rgb(210,162,104)
-
#d9a361
#d9a361
rgb(217,163,97)
-
#e1a359
#e1a359
rgb(225,163,89)
-
#e8a452
#e8a452
rgb(232,164,82)
-
#f0a54a
#f0a54a
rgb(240,165,74)
-
#f7a543
#f7a543
rgb(247,165,67)
-
#ffa63b
#ffa63b
rgb(255,166,59)
Color Blindness Simulator
Below, you can see how #ffa63b 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.