#ffb363 Color Information
In a RGB color space, hex #ffb363 is composed of 100% red, 70.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 61.2% yellow and 0% black. It has a hue angle of 30.8 degrees, a saturation of 100% and a lightness of 69.4%. #ffb363 color hex could be obtained by blending #ffffc6 with #ff6700. Closest websafe color is: #ffcc66.
-
- R 100
- G 70
- B 39
-
- C 0
- M 30
- Y 61
- K 0
● #ffb363 color description : Light orange.
#ffb363 Color Conversion
The hexadecimal color #ffb363 has RGB values of R:255, G:179, B:99 and CMYK values of C:0, M:0.3, Y:0.61, K:0. Its decimal value is 16757603.
Hex triplet | ffb363 | #ffb363 |
---|---|---|
RGB Decimal | 255, 179, 99 | rgb(255,179,99) |
RGB Percent | 100, 70.2, 38.8 | rgb(100%,70.2%,38.8%) |
CMYK | 0, 30, 61, 0 | |
HSL | 30.8°, 100, 69.4 | hsl(30.8,100%,69.4%) |
HSV (or HSB) | 30.8°, 61.2, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 78.697, 19.817, 51.186 |
---|---|
XYZ | 59.613, 54.405, 19.165 |
xyY | 0.448, 0.408, 54.405 |
CIE-LCH | 78.697, 54.888, 68.835 |
CIE-LUV | 78.697, 59.019, 57.667 |
Hunter-Lab | 73.759, 15.187, 36.226 |
Binary | 11111111, 10110011, 01100011 |
Color Schemes with #ffb363
Alternatives to #ffb363
Below, you can see some colors close to #ffb363. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb363 Preview
This text has a font color of #ffb363.
<span style="color:#ffb363;">Text here</span>
This paragraph has a background color of #ffb363.
<p style="background-color:#ffb363;">Content here</p>
This element has a border color of #ffb363.
<div style="border:1px solid #ffb363;">Content here</div>
.text {color:#ffb363;}
.background {background-color:#ffb363;}
.border {border:1px solid #ffb363;}
Shades and Tints of #ffb363
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, #010000 is the darkest color, while #fff6ec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#150b00
#150b00
rgb(21,11,0)
-
#281500
#281500
rgb(40,21,0)
-
#3c1f00
#3c1f00
rgb(60,31,0)
-
#4f2900
#4f2900
rgb(79,41,0)
-
#633300
#633300
rgb(99,51,0)
-
#773d00
#773d00
rgb(119,61,0)
-
#8a4700
#8a4700
rgb(138,71,0)
-
#9e5100
#9e5100
rgb(158,81,0)
-
#b15b00
#b15b00
rgb(177,91,0)
-
#c56500
#c56500
rgb(197,101,0)
-
#d96f00
#d96f00
rgb(217,111,0)
-
#ec7900
#ec7900
rgb(236,121,0)
-
#ff8301
#ff8301
rgb(255,131,1)
-
#ff8d15
#ff8d15
rgb(255,141,21)
-
#ff9628
#ff9628
rgb(255,150,40)
-
#ffa03c
#ffa03c
rgb(255,160,60)
-
#ffa94f
#ffa94f
rgb(255,169,79)
-
#ffb363
#ffb363
rgb(255,179,99)
-
#ffbd77
#ffbd77
rgb(255,189,119)
-
#ffc68a
#ffc68a
rgb(255,198,138)
-
#ffd09e
#ffd09e
rgb(255,208,158)
-
#ffd9b1
#ffd9b1
rgb(255,217,177)
-
#ffe3c5
#ffe3c5
rgb(255,227,197)
-
#ffecd9
#ffecd9
rgb(255,236,217)
-
#fff6ec
#fff6ec
rgb(255,246,236)
Tones of #ffb363
A tone is produced by adding gray to any pure hue. In this case, #b7b1ab is the less saturated color, while #ffb363 is the most saturated one.
-
#b7b1ab
#b7b1ab
rgb(183,177,171)
-
#bdb1a5
#bdb1a5
rgb(189,177,165)
-
#c3b19f
#c3b19f
rgb(195,177,159)
-
#c9b299
#c9b299
rgb(201,178,153)
-
#cfb293
#cfb293
rgb(207,178,147)
-
#d5b28d
#d5b28d
rgb(213,178,141)
-
#dbb287
#dbb287
rgb(219,178,135)
-
#e1b281
#e1b281
rgb(225,178,129)
-
#e7b27b
#e7b27b
rgb(231,178,123)
-
#edb375
#edb375
rgb(237,179,117)
-
#f3b36f
#f3b36f
rgb(243,179,111)
-
#f9b369
#f9b369
rgb(249,179,105)
-
#ffb363
#ffb363
rgb(255,179,99)
Color Blindness Simulator
Below, you can see how #ffb363 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.