#ffa20b Color Information
In a RGB color space, hex #ffa20b is composed of 100% red, 63.5% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 95.7% yellow and 0% black. It has a hue angle of 37.1 degrees, a saturation of 100% and a lightness of 52.2%. #ffa20b color hex could be obtained by blending #ffff16 with #ff4500. Closest websafe color is: #ff9900.
-
- R 100
- G 64
- B 4
-
- C 0
- M 36
- Y 96
- K 0
● #ffa20b color description : Vivid orange.
#ffa20b Color Conversion
The hexadecimal color #ffa20b has RGB values of R:255, G:162, B:11 and CMYK values of C:0, M:0.36, Y:0.96, K:0. Its decimal value is 16753163.
Hex triplet | ffa20b | #ffa20b |
---|---|---|
RGB Decimal | 255, 162, 11 | rgb(255,162,11) |
RGB Percent | 100, 63.5, 4.3 | rgb(100%,63.5%,4.3%) |
CMYK | 0, 36, 96, 0 | |
HSL | 37.1°, 100, 52.2 | hsl(37.1,100%,52.2%) |
HSV (or HSB) | 37.1°, 95.7, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 74.272, 25.579, 77.245 |
---|---|
XYZ | 54.222, 47.129, 6.558 |
xyY | 0.502, 0.437, 47.129 |
CIE-LCH | 74.272, 81.37, 71.678 |
CIE-LUV | 74.272, 77.174, 72.301 |
Hunter-Lab | 68.65, 20.847, 42.392 |
Binary | 11111111, 10100010, 00001011 |
Color Schemes with #ffa20b
Alternatives to #ffa20b
Below, you can see some colors close to #ffa20b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa20b Preview
This text has a font color of #ffa20b.
<span style="color:#ffa20b;">Text here</span>
This paragraph has a background color of #ffa20b.
<p style="background-color:#ffa20b;">Content here</p>
This element has a border color of #ffa20b.
<div style="border:1px solid #ffa20b;">Content here</div>
.text {color:#ffa20b;}
.background {background-color:#ffa20b;}
.border {border:1px solid #ffa20b;}
Shades and Tints of #ffa20b
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, #0b0700 is the darkest color, while #fffcf6 is the lightest one.
-
#0b0700
#0b0700
rgb(11,7,0)
-
#1f1300
#1f1300
rgb(31,19,0)
-
#321f00
#321f00
rgb(50,31,0)
-
#462b00
#462b00
rgb(70,43,0)
-
#593700
#593700
rgb(89,55,0)
-
#6d4400
#6d4400
rgb(109,68,0)
-
#815000
#815000
rgb(129,80,0)
-
#945c00
#945c00
rgb(148,92,0)
-
#a86800
#a86800
rgb(168,104,0)
-
#bc7400
#bc7400
rgb(188,116,0)
-
#cf8000
#cf8000
rgb(207,128,0)
-
#e38c00
#e38c00
rgb(227,140,0)
-
#f69800
#f69800
rgb(246,152,0)
-
#ffa20b
#ffa20b
rgb(255,162,11)
-
#ffa91f
#ffa91f
rgb(255,169,31)
-
#ffb132
#ffb132
rgb(255,177,50)
-
#ffb846
#ffb846
rgb(255,184,70)
-
#ffc059
#ffc059
rgb(255,192,89)
-
#ffc76d
#ffc76d
rgb(255,199,109)
-
#ffcf81
#ffcf81
rgb(255,207,129)
-
#ffd694
#ffd694
rgb(255,214,148)
-
#ffdea8
#ffdea8
rgb(255,222,168)
-
#ffe5bc
#ffe5bc
rgb(255,229,188)
-
#ffedcf
#ffedcf
rgb(255,237,207)
-
#fff4e3
#fff4e3
rgb(255,244,227)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #ffa20b
A tone is produced by adding gray to any pure hue. In this case, #8e877c is the less saturated color, while #ffa20b is the most saturated one.
-
#8e877c
#8e877c
rgb(142,135,124)
-
#988972
#988972
rgb(152,137,114)
-
#a18c69
#a18c69
rgb(161,140,105)
-
#ab8e5f
#ab8e5f
rgb(171,142,95)
-
#b49056
#b49056
rgb(180,144,86)
-
#bd924d
#bd924d
rgb(189,146,77)
-
#c79543
#c79543
rgb(199,149,67)
-
#d0973a
#d0973a
rgb(208,151,58)
-
#d99931
#d99931
rgb(217,153,49)
-
#e39b27
#e39b27
rgb(227,155,39)
-
#ec9e1e
#ec9e1e
rgb(236,158,30)
-
#f6a014
#f6a014
rgb(246,160,20)
-
#ffa20b
#ffa20b
rgb(255,162,11)
Color Blindness Simulator
Below, you can see how #ffa20b 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.