#ffc505 Color Information
In a RGB color space, hex #ffc505 is composed of 100% red, 77.3% green and 2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.7% magenta, 98% yellow and 0% black. It has a hue angle of 46.1 degrees, a saturation of 100% and a lightness of 51%. #ffc505 color hex could be obtained by blending #ffff0a with #ff8b00. Closest websafe color is: #ffcc00.
-
- R 100
- G 77
- B 2
-
- C 0
- M 23
- Y 98
- K 0
● #ffc505 color description : Vivid yellow.
#ffc505 Color Conversion
The hexadecimal color #ffc505 has RGB values of R:255, G:197, B:5 and CMYK values of C:0, M:0.23, Y:0.98, K:0. Its decimal value is 16762117.
| Hex triplet | ffc505 | #ffc505 |
|---|---|---|
| RGB Decimal | 255, 197, 5 | rgb(255,197,5) |
| RGB Percent | 100, 77.3, 2 | rgb(100%,77.3%,2%) |
| CMYK | 0, 23, 98, 0 | |
| HSL | 46.1°, 100, 51 | hsl(46.1,100%,51%) |
| HSV (or HSB) | 46.1°, 98, 100 | |
| Web Safe | ffcc00 | #ffcc00 |
| CIE-LAB | 82.49, 7.316, 83.56 |
|---|---|
| XYZ | 61.235, 61.207, 8.733 |
| xyY | 0.467, 0.467, 61.207 |
| CIE-LCH | 82.49, 83.88, 84.996 |
| CIE-LUV | 82.49, 49.063, 85.246 |
| Hunter-Lab | 78.235, 2.802, 48.146 |
| Binary | 11111111, 11000101, 00000101 |
Color Schemes with #ffc505
Alternatives to #ffc505
Below, you can see some colors close to #ffc505. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc505 Preview
This text has a font color of #ffc505.
<span style="color:#ffc505;">Text here</span>
This paragraph has a background color of #ffc505.
<p style="background-color:#ffc505;">Content here</p>
This element has a border color of #ffc505.
<div style="border:1px solid #ffc505;">Content here</div>
.text {color:#ffc505;}
.background {background-color:#ffc505;}
.border {border:1px solid #ffc505;}
Shades and Tints of #ffc505
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, #050400 is the darkest color, while #fffcf0 is the lightest one.
-
#050400
#050400rgb(5,4,0) -
#191300
#191300rgb(25,19,0) -
#2c2200
#2c2200rgb(44,34,0) -
#403100
#403100rgb(64,49,0) -
#534000
#534000rgb(83,64,0) -
#674f00
#674f00rgb(103,79,0) -
#7b5e00
#7b5e00rgb(123,94,0) -
#8e6d00
#8e6d00rgb(142,109,0) -
#a27c00
#a27c00rgb(162,124,0) -
#b68b00
#b68b00rgb(182,139,0) -
#c99a00
#c99a00rgb(201,154,0) -
#ddaa00
#ddaa00rgb(221,170,0) -
#f0b900
#f0b900rgb(240,185,0)
-
#ffc505
#ffc505rgb(255,197,5) -
#ffca19
#ffca19rgb(255,202,25) -
#ffce2c
#ffce2crgb(255,206,44) -
#ffd340
#ffd340rgb(255,211,64) -
#ffd753
#ffd753rgb(255,215,83) -
#ffdc67
#ffdc67rgb(255,220,103) -
#ffe07b
#ffe07brgb(255,224,123) -
#ffe58e
#ffe58ergb(255,229,142) -
#ffe9a2
#ffe9a2rgb(255,233,162) -
#ffeeb6
#ffeeb6rgb(255,238,182) -
#fff3c9
#fff3c9rgb(255,243,201) -
#fff7dd
#fff7ddrgb(255,247,221) -
#fffcf0
#fffcf0rgb(255,252,240)
Tones of #ffc505
A tone is produced by adding gray to any pure hue. In this case, #8c8778 is the less saturated color, while #ffc505 is the most saturated one.
-
#8c8778
#8c8778rgb(140,135,120) -
#958c6f
#958c6frgb(149,140,111) -
#9f9165
#9f9165rgb(159,145,101) -
#a8975c
#a8975crgb(168,151,92) -
#b29c52
#b29c52rgb(178,156,82) -
#bca148
#bca148rgb(188,161,72) -
#c5a63f
#c5a63frgb(197,166,63) -
#cfab35
#cfab35rgb(207,171,53) -
#d9b02b
#d9b02brgb(217,176,43) -
#e2b622
#e2b622rgb(226,182,34) -
#ecbb18
#ecbb18rgb(236,187,24) -
#f5c00f
#f5c00frgb(245,192,15) -
#ffc505
#ffc505rgb(255,197,5)
Color Blindness Simulator
Below, you can see how #ffc505 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.
