#ffb63f Color Information
In a RGB color space, hex #ffb63f is composed of 100% red, 71.4% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.6% magenta, 75.3% yellow and 0% black. It has a hue angle of 37.2 degrees, a saturation of 100% and a lightness of 62.4%. #ffb63f color hex could be obtained by blending #ffff7e with #ff6d00. Closest websafe color is: #ffcc33.
-
- R 100
- G 71
- B 25
-
- C 0
- M 29
- Y 75
- K 0
● #ffb63f color description : Light orange.
#ffb63f Color Conversion
The hexadecimal color #ffb63f has RGB values of R:255, G:182, B:63 and CMYK values of C:0, M:0.29, Y:0.75, K:0. Its decimal value is 16758335.
Hex triplet | ffb63f | #ffb63f |
---|---|---|
RGB Decimal | 255, 182, 63 | rgb(255,182,63) |
RGB Percent | 100, 71.4, 24.7 | rgb(100%,71.4%,24.7%) |
CMYK | 0, 29, 75, 0 | |
HSL | 37.2°, 100, 62.4 | hsl(37.2,100%,62.4%) |
HSV (or HSB) | 37.2°, 75.3, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 79.086, 16.345, 67.435 |
---|---|
XYZ | 58.866, 55.078, 12.233 |
xyY | 0.467, 0.437, 55.078 |
CIE-LCH | 79.086, 69.388, 76.376 |
CIE-LUV | 79.086, 59.238, 71.409 |
Hunter-Lab | 74.215, 11.708, 42.177 |
Binary | 11111111, 10110110, 00111111 |
Color Schemes with #ffb63f
Alternatives to #ffb63f
Below, you can see some colors close to #ffb63f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb63f Preview
This text has a font color of #ffb63f.
<span style="color:#ffb63f;">Text here</span>
This paragraph has a background color of #ffb63f.
<p style="background-color:#ffb63f;">Content here</p>
This element has a border color of #ffb63f.
<div style="border:1px solid #ffb63f;">Content here</div>
.text {color:#ffb63f;}
.background {background-color:#ffb63f;}
.border {border:1px solid #ffb63f;}
Shades and Tints of #ffb63f
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, #040300 is the darkest color, while #fff9f0 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#180f00
#180f00
rgb(24,15,0)
-
#2b1b00
#2b1b00
rgb(43,27,0)
-
#3f2700
#3f2700
rgb(63,39,0)
-
#533300
#533300
rgb(83,51,0)
-
#663f00
#663f00
rgb(102,63,0)
-
#7a4c00
#7a4c00
rgb(122,76,0)
-
#8d5800
#8d5800
rgb(141,88,0)
-
#a16400
#a16400
rgb(161,100,0)
-
#b57000
#b57000
rgb(181,112,0)
-
#c87c00
#c87c00
rgb(200,124,0)
-
#dc8800
#dc8800
rgb(220,136,0)
-
#f09400
#f09400
rgb(240,148,0)
-
#ffa004
#ffa004
rgb(255,160,4)
-
#ffa718
#ffa718
rgb(255,167,24)
-
#ffaf2b
#ffaf2b
rgb(255,175,43)
-
#ffb63f
#ffb63f
rgb(255,182,63)
-
#ffbd53
#ffbd53
rgb(255,189,83)
-
#ffc566
#ffc566
rgb(255,197,102)
-
#ffcc7a
#ffcc7a
rgb(255,204,122)
-
#ffd48d
#ffd48d
rgb(255,212,141)
-
#ffdba1
#ffdba1
rgb(255,219,161)
-
#ffe3b5
#ffe3b5
rgb(255,227,181)
-
#ffeac8
#ffeac8
rgb(255,234,200)
-
#fff2dc
#fff2dc
rgb(255,242,220)
-
#fff9f0
#fff9f0
rgb(255,249,240)
Tones of #ffb63f
A tone is produced by adding gray to any pure hue. In this case, #a6a198 is the less saturated color, while #ffb63f is the most saturated one.
-
#a6a198
#a6a198
rgb(166,161,152)
-
#aea390
#aea390
rgb(174,163,144)
-
#b5a489
#b5a489
rgb(181,164,137)
-
#bda681
#bda681
rgb(189,166,129)
-
#c4a87a
#c4a87a
rgb(196,168,122)
-
#cbaa73
#cbaa73
rgb(203,170,115)
-
#d3ab6b
#d3ab6b
rgb(211,171,107)
-
#daad64
#daad64
rgb(218,173,100)
-
#e1af5d
#e1af5d
rgb(225,175,93)
-
#e9b155
#e9b155
rgb(233,177,85)
-
#f0b24e
#f0b24e
rgb(240,178,78)
-
#f8b446
#f8b446
rgb(248,180,70)
-
#ffb63f
#ffb63f
rgb(255,182,63)
Color Blindness Simulator
Below, you can see how #ffb63f 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.