#ffc30a Color Information
In a RGB color space, hex #ffc30a is composed of 100% red, 76.5% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.5% magenta, 96.1% yellow and 0% black. It has a hue angle of 45.3 degrees, a saturation of 100% and a lightness of 52%. #ffc30a color hex could be obtained by blending #ffff14 with #ff8700. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 4
-
- C 0
- M 24
- Y 96
- K 0
● #ffc30a color description : Vivid yellow.
#ffc30a Color Conversion
The hexadecimal color #ffc30a has RGB values of R:255, G:195, B:10 and CMYK values of C:0, M:0.24, Y:0.96, K:0. Its decimal value is 16761610.
Hex triplet | ffc30a | #ffc30a |
---|---|---|
RGB Decimal | 255, 195, 10 | rgb(255,195,10) |
RGB Percent | 100, 76.5, 3.9 | rgb(100%,76.5%,3.9%) |
CMYK | 0, 24, 96, 0 | |
HSL | 45.3°, 100, 52 | hsl(45.3,100%,52%) |
HSV (or HSB) | 45.3°, 96.1, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 82.009, 8.388, 82.752 |
---|---|
XYZ | 60.811, 60.315, 8.726 |
xyY | 0.468, 0.464, 60.315 |
CIE-LCH | 82.009, 83.176, 84.212 |
CIE-LUV | 82.009, 50.572, 84.26 |
Hunter-Lab | 77.663, 3.858, 47.702 |
Binary | 11111111, 11000011, 00001010 |
Color Schemes with #ffc30a
Alternatives to #ffc30a
Below, you can see some colors close to #ffc30a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc30a Preview
This text has a font color of #ffc30a.
<span style="color:#ffc30a;">Text here</span>
This paragraph has a background color of #ffc30a.
<p style="background-color:#ffc30a;">Content here</p>
This element has a border color of #ffc30a.
<div style="border:1px solid #ffc30a;">Content here</div>
.text {color:#ffc30a;}
.background {background-color:#ffc30a;}
.border {border:1px solid #ffc30a;}
Shades and Tints of #ffc30a
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, #0a0800 is the darkest color, while #fffdf5 is the lightest one.
-
#0a0800
#0a0800
rgb(10,8,0)
-
#1e1600
#1e1600
rgb(30,22,0)
-
#312500
#312500
rgb(49,37,0)
-
#453400
#453400
rgb(69,52,0)
-
#584300
#584300
rgb(88,67,0)
-
#6c5200
#6c5200
rgb(108,82,0)
-
#806000
#806000
rgb(128,96,0)
-
#936f00
#936f00
rgb(147,111,0)
-
#a77e00
#a77e00
rgb(167,126,0)
-
#bb8d00
#bb8d00
rgb(187,141,0)
-
#ce9c00
#ce9c00
rgb(206,156,0)
-
#e2aa00
#e2aa00
rgb(226,170,0)
-
#f5b900
#f5b900
rgb(245,185,0)
-
#ffc30a
#ffc30a
rgb(255,195,10)
-
#ffc81e
#ffc81e
rgb(255,200,30)
-
#ffcd31
#ffcd31
rgb(255,205,49)
-
#ffd145
#ffd145
rgb(255,209,69)
-
#ffd658
#ffd658
rgb(255,214,88)
-
#ffdb6c
#ffdb6c
rgb(255,219,108)
-
#ffe080
#ffe080
rgb(255,224,128)
-
#ffe593
#ffe593
rgb(255,229,147)
-
#ffe9a7
#ffe9a7
rgb(255,233,167)
-
#ffeebb
#ffeebb
rgb(255,238,187)
-
#fff3ce
#fff3ce
rgb(255,243,206)
-
#fff8e2
#fff8e2
rgb(255,248,226)
-
#fffdf5
#fffdf5
rgb(255,253,245)
Tones of #ffc30a
A tone is produced by adding gray to any pure hue. In this case, #8e897b is the less saturated color, while #ffc30a is the most saturated one.
-
#8e897b
#8e897b
rgb(142,137,123)
-
#978e72
#978e72
rgb(151,142,114)
-
#a19368
#a19368
rgb(161,147,104)
-
#aa985f
#aa985f
rgb(170,152,95)
-
#b49d55
#b49d55
rgb(180,157,85)
-
#bda14c
#bda14c
rgb(189,161,76)
-
#c6a643
#c6a643
rgb(198,166,67)
-
#d0ab39
#d0ab39
rgb(208,171,57)
-
#d9b030
#d9b030
rgb(217,176,48)
-
#e3b526
#e3b526
rgb(227,181,38)
-
#ecb91d
#ecb91d
rgb(236,185,29)
-
#f6be13
#f6be13
rgb(246,190,19)
-
#ffc30a
#ffc30a
rgb(255,195,10)
Color Blindness Simulator
Below, you can see how #ffc30a 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.