#ffa315 Color Information
In a RGB color space, hex #ffa315 is composed of 100% red, 63.9% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 91.8% yellow and 0% black. It has a hue angle of 36.4 degrees, a saturation of 100% and a lightness of 54.1%. #ffa315 color hex could be obtained by blending #ffff2a with #ff4700. Closest websafe color is: #ff9900.
-
- R 100
- G 64
- B 8
-
- C 0
- M 36
- Y 92
- K 0
● #ffa315 color description : Vivid orange.
#ffa315 Color Conversion
The hexadecimal color #ffa315 has RGB values of R:255, G:163, B:21 and CMYK values of C:0, M:0.36, Y:0.92, K:0. Its decimal value is 16753429.
Hex triplet | ffa315 | #ffa315 |
---|---|---|
RGB Decimal | 255, 163, 21 | rgb(255,163,21) |
RGB Percent | 100, 63.9, 8.2 | rgb(100%,63.9%,8.2%) |
CMYK | 0, 36, 92, 0 | |
HSL | 36.4°, 100, 54.1 | hsl(36.4,100%,54.1%) |
HSV (or HSB) | 36.4°, 91.8, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 74.516, 25.167, 75.899 |
---|---|
XYZ | 54.474, 47.513, 7.011 |
xyY | 0.5, 0.436, 47.513 |
CIE-LCH | 74.516, 79.963, 71.655 |
CIE-LUV | 74.516, 76.15, 71.863 |
Hunter-Lab | 68.929, 20.44, 42.22 |
Binary | 11111111, 10100011, 00010101 |
Color Schemes with #ffa315
Alternatives to #ffa315
Below, you can see some colors close to #ffa315. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa315 Preview
This text has a font color of #ffa315.
<span style="color:#ffa315;">Text here</span>
This paragraph has a background color of #ffa315.
<p style="background-color:#ffa315;">Content here</p>
This element has a border color of #ffa315.
<div style="border:1px solid #ffa315;">Content here</div>
.text {color:#ffa315;}
.background {background-color:#ffa315;}
.border {border:1px solid #ffa315;}
Shades and Tints of #ffa315
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 #fff8ed is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150d00
#150d00
rgb(21,13,0)
-
#291900
#291900
rgb(41,25,0)
-
#3c2500
#3c2500
rgb(60,37,0)
-
#503000
#503000
rgb(80,48,0)
-
#633c00
#633c00
rgb(99,60,0)
-
#774800
#774800
rgb(119,72,0)
-
#8b5400
#8b5400
rgb(139,84,0)
-
#9e6000
#9e6000
rgb(158,96,0)
-
#b26c00
#b26c00
rgb(178,108,0)
-
#c67800
#c67800
rgb(198,120,0)
-
#d98400
#d98400
rgb(217,132,0)
-
#ed9000
#ed9000
rgb(237,144,0)
-
#ff9b01
#ff9b01
rgb(255,155,1)
-
#ffa315
#ffa315
rgb(255,163,21)
-
#ffab29
#ffab29
rgb(255,171,41)
-
#ffb23c
#ffb23c
rgb(255,178,60)
-
#ffba50
#ffba50
rgb(255,186,80)
-
#ffc263
#ffc263
rgb(255,194,99)
-
#ffca77
#ffca77
rgb(255,202,119)
-
#ffd18b
#ffd18b
rgb(255,209,139)
-
#ffd99e
#ffd99e
rgb(255,217,158)
-
#ffe1b2
#ffe1b2
rgb(255,225,178)
-
#ffe8c6
#ffe8c6
rgb(255,232,198)
-
#fff0d9
#fff0d9
rgb(255,240,217)
-
#fff8ed
#fff8ed
rgb(255,248,237)
Tones of #ffa315
A tone is produced by adding gray to any pure hue. In this case, #938c81 is the less saturated color, while #ffa315 is the most saturated one.
-
#938c81
#938c81
rgb(147,140,129)
-
#9c8e78
#9c8e78
rgb(156,142,120)
-
#a5906f
#a5906f
rgb(165,144,111)
-
#ae9266
#ae9266
rgb(174,146,102)
-
#b7945d
#b7945d
rgb(183,148,93)
-
#c09654
#c09654
rgb(192,150,84)
-
#c9974b
#c9974b
rgb(201,151,75)
-
#d29942
#d29942
rgb(210,153,66)
-
#db9b39
#db9b39
rgb(219,155,57)
-
#e49d30
#e49d30
rgb(228,157,48)
-
#ed9f27
#ed9f27
rgb(237,159,39)
-
#f6a11e
#f6a11e
rgb(246,161,30)
-
#ffa315
#ffa315
rgb(255,163,21)
Color Blindness Simulator
Below, you can see how #ffa315 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.