#ffa30b Color Information
In a RGB color space, hex #ffa30b is composed of 100% red, 63.9% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 95.7% yellow and 0% black. It has a hue angle of 37.4 degrees, a saturation of 100% and a lightness of 52.2%. #ffa30b color hex could be obtained by blending #ffff16 with #ff4700. Closest websafe color is: #ff9900.
-
- R 100
- G 64
- B 4
-
- C 0
- M 36
- Y 96
- K 0
● #ffa30b color description : Vivid orange.
#ffa30b Color Conversion
The hexadecimal color #ffa30b has RGB values of R:255, G:163, B:11 and CMYK values of C:0, M:0.36, Y:0.96, K:0. Its decimal value is 16753419.
Hex triplet | ffa30b | #ffa30b |
---|---|---|
RGB Decimal | 255, 163, 11 | rgb(255,163,11) |
RGB Percent | 100, 63.9, 4.3 | rgb(100%,63.9%,4.3%) |
CMYK | 0, 36, 96, 0 | |
HSL | 37.4°, 100, 52.2 | hsl(37.4,100%,52.2%) |
HSV (or HSB) | 37.4°, 95.7, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 74.497, 25.059, 77.399 |
---|---|
XYZ | 54.399, 47.483, 6.617 |
xyY | 0.501, 0.438, 47.483 |
CIE-LCH | 74.497, 81.355, 72.06 |
CIE-LUV | 74.497, 76.343, 72.654 |
Hunter-Lab | 68.908, 20.329, 42.542 |
Binary | 11111111, 10100011, 00001011 |
Color Schemes with #ffa30b
Alternatives to #ffa30b
Below, you can see some colors close to #ffa30b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa30b Preview
This text has a font color of #ffa30b.
<span style="color:#ffa30b;">Text here</span>
This paragraph has a background color of #ffa30b.
<p style="background-color:#ffa30b;">Content here</p>
This element has a border color of #ffa30b.
<div style="border:1px solid #ffa30b;">Content here</div>
.text {color:#ffa30b;}
.background {background-color:#ffa30b;}
.border {border:1px solid #ffa30b;}
Shades and Tints of #ffa30b
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)
-
#462c00
#462c00
rgb(70,44,0)
-
#593800
#593800
rgb(89,56,0)
-
#6d4400
#6d4400
rgb(109,68,0)
-
#815000
#815000
rgb(129,80,0)
-
#945c00
#945c00
rgb(148,92,0)
-
#a86900
#a86900
rgb(168,105,0)
-
#bc7500
#bc7500
rgb(188,117,0)
-
#cf8100
#cf8100
rgb(207,129,0)
-
#e38d00
#e38d00
rgb(227,141,0)
-
#f69900
#f69900
rgb(246,153,0)
-
#ffa30b
#ffa30b
rgb(255,163,11)
-
#ffaa1f
#ffaa1f
rgb(255,170,31)
-
#ffb232
#ffb232
rgb(255,178,50)
-
#ffb946
#ffb946
rgb(255,185,70)
-
#ffc159
#ffc159
rgb(255,193,89)
-
#ffc86d
#ffc86d
rgb(255,200,109)
-
#ffcf81
#ffcf81
rgb(255,207,129)
-
#ffd794
#ffd794
rgb(255,215,148)
-
#ffdea8
#ffdea8
rgb(255,222,168)
-
#ffe6bc
#ffe6bc
rgb(255,230,188)
-
#ffedcf
#ffedcf
rgb(255,237,207)
-
#fff4e3
#fff4e3
rgb(255,244,227)
-
#fffcf6
#fffcf6
rgb(255,252,246)
Tones of #ffa30b
A tone is produced by adding gray to any pure hue. In this case, #8e877c is the less saturated color, while #ffa30b is the most saturated one.
-
#8e877c
#8e877c
rgb(142,135,124)
-
#988a72
#988a72
rgb(152,138,114)
-
#a18c69
#a18c69
rgb(161,140,105)
-
#ab8e5f
#ab8e5f
rgb(171,142,95)
-
#b49156
#b49156
rgb(180,145,86)
-
#bd934d
#bd934d
rgb(189,147,77)
-
#c79543
#c79543
rgb(199,149,67)
-
#d0973a
#d0973a
rgb(208,151,58)
-
#d99a31
#d99a31
rgb(217,154,49)
-
#e39c27
#e39c27
rgb(227,156,39)
-
#ec9e1e
#ec9e1e
rgb(236,158,30)
-
#f6a114
#f6a114
rgb(246,161,20)
-
#ffa30b
#ffa30b
rgb(255,163,11)
Color Blindness Simulator
Below, you can see how #ffa30b 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.