#ffa305 Color Information
In a RGB color space, hex #ffa305 is composed of 100% red, 63.9% green and 2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 98% yellow and 0% black. It has a hue angle of 37.9 degrees, a saturation of 100% and a lightness of 51%. #ffa305 color hex could be obtained by blending #ffff0a with #ff4700. Closest websafe color is: #ff9900.
-
- R 100
- G 64
- B 2
-
- C 0
- M 36
- Y 98
- K 0
● #ffa305 color description : Vivid orange.
#ffa305 Color Conversion
The hexadecimal color #ffa305 has RGB values of R:255, G:163, B:5 and CMYK values of C:0, M:0.36, Y:0.98, K:0. Its decimal value is 16753413.
Hex triplet | ffa305 | #ffa305 |
---|---|---|
RGB Decimal | 255, 163, 5 | rgb(255,163,5) |
RGB Percent | 100, 63.9, 2 | rgb(100%,63.9%,2%) |
CMYK | 0, 36, 98, 0 | |
HSL | 37.9°, 100, 51 | hsl(37.9,100%,51%) |
HSV (or HSB) | 37.9°, 98, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 74.489, 25.011, 78.08 |
---|---|
XYZ | 54.366, 47.469, 6.443 |
xyY | 0.502, 0.438, 47.469 |
CIE-LCH | 74.489, 81.988, 72.238 |
CIE-LUV | 74.489, 76.428, 73.004 |
Hunter-Lab | 68.898, 20.28, 42.684 |
Binary | 11111111, 10100011, 00000101 |
Color Schemes with #ffa305
Alternatives to #ffa305
Below, you can see some colors close to #ffa305. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa305 Preview
This text has a font color of #ffa305.
<span style="color:#ffa305;">Text here</span>
This paragraph has a background color of #ffa305.
<p style="background-color:#ffa305;">Content here</p>
This element has a border color of #ffa305.
<div style="border:1px solid #ffa305;">Content here</div>
.text {color:#ffa305;}
.background {background-color:#ffa305;}
.border {border:1px solid #ffa305;}
Shades and Tints of #ffa305
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, #050300 is the darkest color, while #fffaf0 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#191000
#191000
rgb(25,16,0)
-
#2c1c00
#2c1c00
rgb(44,28,0)
-
#402800
#402800
rgb(64,40,0)
-
#533500
#533500
rgb(83,53,0)
-
#674100
#674100
rgb(103,65,0)
-
#7b4e00
#7b4e00
rgb(123,78,0)
-
#8e5a00
#8e5a00
rgb(142,90,0)
-
#a26600
#a26600
rgb(162,102,0)
-
#b67300
#b67300
rgb(182,115,0)
-
#c97f00
#c97f00
rgb(201,127,0)
-
#dd8c00
#dd8c00
rgb(221,140,0)
-
#f09800
#f09800
rgb(240,152,0)
-
#ffa305
#ffa305
rgb(255,163,5)
-
#ffaa19
#ffaa19
rgb(255,170,25)
-
#ffb12c
#ffb12c
rgb(255,177,44)
-
#ffb940
#ffb940
rgb(255,185,64)
-
#ffc053
#ffc053
rgb(255,192,83)
-
#ffc767
#ffc767
rgb(255,199,103)
-
#ffce7b
#ffce7b
rgb(255,206,123)
-
#ffd68e
#ffd68e
rgb(255,214,142)
-
#ffdda2
#ffdda2
rgb(255,221,162)
-
#ffe4b6
#ffe4b6
rgb(255,228,182)
-
#ffebc9
#ffebc9
rgb(255,235,201)
-
#fff2dd
#fff2dd
rgb(255,242,221)
-
#fffaf0
#fffaf0
rgb(255,250,240)
Tones of #ffa305
A tone is produced by adding gray to any pure hue. In this case, #8c8578 is the less saturated color, while #ffa305 is the most saturated one.
-
#8c8578
#8c8578
rgb(140,133,120)
-
#95876f
#95876f
rgb(149,135,111)
-
#9f8a65
#9f8a65
rgb(159,138,101)
-
#a88c5c
#a88c5c
rgb(168,140,92)
-
#b28f52
#b28f52
rgb(178,143,82)
-
#bc9148
#bc9148
rgb(188,145,72)
-
#c5943f
#c5943f
rgb(197,148,63)
-
#cf9635
#cf9635
rgb(207,150,53)
-
#d9992b
#d9992b
rgb(217,153,43)
-
#e29b22
#e29b22
rgb(226,155,34)
-
#ec9e18
#ec9e18
rgb(236,158,24)
-
#f5a00f
#f5a00f
rgb(245,160,15)
-
#ffa305
#ffa305
rgb(255,163,5)
Color Blindness Simulator
Below, you can see how #ffa305 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.