#ffc20a Color Information
In a RGB color space, hex #ffc20a is composed of 100% red, 76.1% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.9% magenta, 96.1% yellow and 0% black. It has a hue angle of 45.1 degrees, a saturation of 100% and a lightness of 52%. #ffc20a color hex could be obtained by blending #ffff14 with #ff8500. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 4
-
- C 0
- M 24
- Y 96
- K 0
● #ffc20a color description : Vivid yellow.
#ffc20a Color Conversion
The hexadecimal color #ffc20a has RGB values of R:255, G:194, B:10 and CMYK values of C:0, M:0.24, Y:0.96, K:0. Its decimal value is 16761354.
Hex triplet | ffc20a | #ffc20a |
---|---|---|
RGB Decimal | 255, 194, 10 | rgb(255,194,10) |
RGB Percent | 100, 76.1, 3.9 | rgb(100%,76.1%,3.9%) |
CMYK | 0, 24, 96, 0 | |
HSL | 45.1°, 100, 52 | hsl(45.1,100%,52%) |
HSV (or HSB) | 45.1°, 96.1, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.767, 8.905, 82.58 |
---|---|
XYZ | 60.588, 59.869, 8.652 |
xyY | 0.469, 0.464, 59.869 |
CIE-LCH | 81.767, 83.059, 83.845 |
CIE-LUV | 81.767, 51.35, 83.894 |
Hunter-Lab | 77.375, 4.367, 47.533 |
Binary | 11111111, 11000010, 00001010 |
Color Schemes with #ffc20a
Alternatives to #ffc20a
Below, you can see some colors close to #ffc20a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc20a Preview
This text has a font color of #ffc20a.
<span style="color:#ffc20a;">Text here</span>
This paragraph has a background color of #ffc20a.
<p style="background-color:#ffc20a;">Content here</p>
This element has a border color of #ffc20a.
<div style="border:1px solid #ffc20a;">Content here</div>
.text {color:#ffc20a;}
.background {background-color:#ffc20a;}
.border {border:1px solid #ffc20a;}
Shades and Tints of #ffc20a
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)
-
#584200
#584200
rgb(88,66,0)
-
#6c5100
#6c5100
rgb(108,81,0)
-
#806000
#806000
rgb(128,96,0)
-
#936f00
#936f00
rgb(147,111,0)
-
#a77d00
#a77d00
rgb(167,125,0)
-
#bb8c00
#bb8c00
rgb(187,140,0)
-
#ce9b00
#ce9b00
rgb(206,155,0)
-
#e2aa00
#e2aa00
rgb(226,170,0)
-
#f5b800
#f5b800
rgb(245,184,0)
-
#ffc20a
#ffc20a
rgb(255,194,10)
-
#ffc71e
#ffc71e
rgb(255,199,30)
-
#ffcc31
#ffcc31
rgb(255,204,49)
-
#ffd145
#ffd145
rgb(255,209,69)
-
#ffd658
#ffd658
rgb(255,214,88)
-
#ffda6c
#ffda6c
rgb(255,218,108)
-
#ffdf80
#ffdf80
rgb(255,223,128)
-
#ffe493
#ffe493
rgb(255,228,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 #ffc20a
A tone is produced by adding gray to any pure hue. In this case, #8e897b is the less saturated color, while #ffc20a is the most saturated one.
-
#8e897b
#8e897b
rgb(142,137,123)
-
#978e72
#978e72
rgb(151,142,114)
-
#a19368
#a19368
rgb(161,147,104)
-
#aa975f
#aa975f
rgb(170,151,95)
-
#b49c55
#b49c55
rgb(180,156,85)
-
#bda14c
#bda14c
rgb(189,161,76)
-
#c6a643
#c6a643
rgb(198,166,67)
-
#d0aa39
#d0aa39
rgb(208,170,57)
-
#d9af30
#d9af30
rgb(217,175,48)
-
#e3b426
#e3b426
rgb(227,180,38)
-
#ecb91d
#ecb91d
rgb(236,185,29)
-
#f6bd13
#f6bd13
rgb(246,189,19)
-
#ffc20a
#ffc20a
rgb(255,194,10)
Color Blindness Simulator
Below, you can see how #ffc20a 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.