#ffd522 Color Information
In a RGB color space, hex #ffd522 is composed of 100% red, 83.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.5% magenta, 86.7% yellow and 0% black. It has a hue angle of 48.6 degrees, a saturation of 100% and a lightness of 56.7%. #ffd522 color hex could be obtained by blending #ffff44 with #ffab00. Closest websafe color is: #ffcc33.
-
- R 100
- G 84
- B 13
-
- C 0
- M 16
- Y 87
- K 0
● #ffd522 color description : Vivid yellow.
#ffd522 Color Conversion
The hexadecimal color #ffd522 has RGB values of R:255, G:213, B:34 and CMYK values of C:0, M:0.16, Y:0.87, K:0. Its decimal value is 16766242.
Hex triplet | ffd522 | #ffd522 |
---|---|---|
RGB Decimal | 255, 213, 34 | rgb(255,213,34) |
RGB Percent | 100, 83.5, 13.3 | rgb(100%,83.5%,13.3%) |
CMYK | 0, 16, 87, 0 | |
HSL | 48.6°, 100, 56.7 | hsl(48.6,100%,56.7%) |
HSV (or HSB) | 48.6°, 86.7, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 86.488, -0.51, 82.482 |
---|---|
XYZ | 65.324, 68.967, 11.385 |
xyY | 0.448, 0.473, 68.967 |
CIE-LCH | 86.488, 82.483, 90.355 |
CIE-LUV | 86.488, 36.635, 88.855 |
Hunter-Lab | 83.046, -4.923, 50.004 |
Binary | 11111111, 11010101, 00100010 |
Color Schemes with #ffd522
Alternatives to #ffd522
Below, you can see some colors close to #ffd522. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd522 Preview
This text has a font color of #ffd522.
<span style="color:#ffd522;">Text here</span>
This paragraph has a background color of #ffd522.
<p style="background-color:#ffd522;">Content here</p>
This element has a border color of #ffd522.
<div style="border:1px solid #ffd522;">Content here</div>
.text {color:#ffd522;}
.background {background-color:#ffd522;}
.border {border:1px solid #ffd522;}
Shades and Tints of #ffd522
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, #0e0c00 is the darkest color, while #fffefa is the lightest one.
-
#0e0c00
#0e0c00
rgb(14,12,0)
-
#221c00
#221c00
rgb(34,28,0)
-
#362b00
#362b00
rgb(54,43,0)
-
#493b00
#493b00
rgb(73,59,0)
-
#5d4b00
#5d4b00
rgb(93,75,0)
-
#705b00
#705b00
rgb(112,91,0)
-
#846b00
#846b00
rgb(132,107,0)
-
#987b00
#987b00
rgb(152,123,0)
-
#ab8b00
#ab8b00
rgb(171,139,0)
-
#bf9b00
#bf9b00
rgb(191,155,0)
-
#d3ab00
#d3ab00
rgb(211,171,0)
-
#e6ba00
#e6ba00
rgb(230,186,0)
-
#faca00
#faca00
rgb(250,202,0)
-
#ffd10e
#ffd10e
rgb(255,209,14)
-
#ffd522
#ffd522
rgb(255,213,34)
-
#ffd936
#ffd936
rgb(255,217,54)
-
#ffdc49
#ffdc49
rgb(255,220,73)
-
#ffe05d
#ffe05d
rgb(255,224,93)
-
#ffe470
#ffe470
rgb(255,228,112)
-
#ffe884
#ffe884
rgb(255,232,132)
-
#ffeb98
#ffeb98
rgb(255,235,152)
-
#ffefab
#ffefab
rgb(255,239,171)
-
#fff3bf
#fff3bf
rgb(255,243,191)
-
#fff7d3
#fff7d3
rgb(255,247,211)
-
#fffae6
#fffae6
rgb(255,250,230)
-
#fffefa
#fffefa
rgb(255,254,250)
Tones of #ffd522
A tone is produced by adding gray to any pure hue. In this case, #999688 is the less saturated color, while #ffd522 is the most saturated one.
-
#999688
#999688
rgb(153,150,136)
-
#a29b80
#a29b80
rgb(162,155,128)
-
#aaa077
#aaa077
rgb(170,160,119)
-
#b3a66f
#b3a66f
rgb(179,166,111)
-
#bbab66
#bbab66
rgb(187,171,102)
-
#c4b05e
#c4b05e
rgb(196,176,94)
-
#ccb555
#ccb555
rgb(204,181,85)
-
#d5bb4d
#d5bb4d
rgb(213,187,77)
-
#ddc044
#ddc044
rgb(221,192,68)
-
#e6c53c
#e6c53c
rgb(230,197,60)
-
#eeca33
#eeca33
rgb(238,202,51)
-
#f7d02b
#f7d02b
rgb(247,208,43)
-
#ffd522
#ffd522
rgb(255,213,34)
Color Blindness Simulator
Below, you can see how #ffd522 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.