#ffcd31 Color Information
In a RGB color space, hex #ffcd31 is composed of 100% red, 80.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 80.8% yellow and 0% black. It has a hue angle of 45.4 degrees, a saturation of 100% and a lightness of 59.6%. #ffcd31 color hex could be obtained by blending #ffff62 with #ff9b00. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 19
-
- C 0
- M 20
- Y 81
- K 0
● #ffcd31 color description : Vivid yellow.
#ffcd31 Color Conversion
The hexadecimal color #ffcd31 has RGB values of R:255, G:205, B:49 and CMYK values of C:0, M:0.2, Y:0.81, K:0. Its decimal value is 16764209.
Hex triplet | ffcd31 | #ffcd31 |
---|---|---|
RGB Decimal | 255, 205, 49 | rgb(255,205,49) |
RGB Percent | 100, 80.4, 19.2 | rgb(100%,80.4%,19.2%) |
CMYK | 0, 20, 81, 0 | |
HSL | 45.4°, 100, 59.6 | hsl(45.4,100%,59.6%) |
HSV (or HSB) | 45.4°, 80.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.56, 3.945, 77.147 |
---|---|
XYZ | 63.627, 65.147, 12.129 |
xyY | 0.452, 0.462, 65.147 |
CIE-LCH | 84.56, 77.248, 87.073 |
CIE-LUV | 84.56, 42.236, 83.498 |
Hunter-Lab | 80.714, -0.538, 47.59 |
Binary | 11111111, 11001101, 00110001 |
Color Schemes with #ffcd31
Alternatives to #ffcd31
Below, you can see some colors close to #ffcd31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcd31 Preview
This text has a font color of #ffcd31.
<span style="color:#ffcd31;">Text here</span>
This paragraph has a background color of #ffcd31.
<p style="background-color:#ffcd31;">Content here</p>
This element has a border color of #ffcd31.
<div style="border:1px solid #ffcd31;">Content here</div>
.text {color:#ffcd31;}
.background {background-color:#ffcd31;}
.border {border:1px solid #ffcd31;}
Shades and Tints of #ffcd31
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, #0a0700 is the darkest color, while #fffdf5 is the lightest one.
-
#0a0700
#0a0700
rgb(10,7,0)
-
#1d1600
#1d1600
rgb(29,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)
-
#7f6100
#7f6100
rgb(127,97,0)
-
#936f00
#936f00
rgb(147,111,0)
-
#a77e00
#a77e00
rgb(167,126,0)
-
#ba8d00
#ba8d00
rgb(186,141,0)
-
#ce9c00
#ce9c00
rgb(206,156,0)
-
#e2ab00
#e2ab00
rgb(226,171,0)
-
#f5ba00
#f5ba00
rgb(245,186,0)
-
#ffc30a
#ffc30a
rgb(255,195,10)
-
#ffc81d
#ffc81d
rgb(255,200,29)
-
#ffcd31
#ffcd31
rgb(255,205,49)
-
#ffd245
#ffd245
rgb(255,210,69)
-
#ffd758
#ffd758
rgb(255,215,88)
-
#ffdb6c
#ffdb6c
rgb(255,219,108)
-
#ffe07f
#ffe07f
rgb(255,224,127)
-
#ffe593
#ffe593
rgb(255,229,147)
-
#ffeaa7
#ffeaa7
rgb(255,234,167)
-
#ffeeba
#ffeeba
rgb(255,238,186)
-
#fff3ce
#fff3ce
rgb(255,243,206)
-
#fff8e2
#fff8e2
rgb(255,248,226)
-
#fffdf5
#fffdf5
rgb(255,253,245)
Tones of #ffcd31
A tone is produced by adding gray to any pure hue. In this case, #a09c90 is the less saturated color, while #ffcd31 is the most saturated one.
-
#a09c90
#a09c90
rgb(160,156,144)
-
#a8a088
#a8a088
rgb(168,160,136)
-
#b0a480
#b0a480
rgb(176,164,128)
-
#b8a878
#b8a878
rgb(184,168,120)
-
#c0ac70
#c0ac70
rgb(192,172,112)
-
#c8b068
#c8b068
rgb(200,176,104)
-
#cfb561
#cfb561
rgb(207,181,97)
-
#d7b959
#d7b959
rgb(215,185,89)
-
#dfbd51
#dfbd51
rgb(223,189,81)
-
#e7c149
#e7c149
rgb(231,193,73)
-
#efc541
#efc541
rgb(239,197,65)
-
#f7c939
#f7c939
rgb(247,201,57)
-
#ffcd31
#ffcd31
rgb(255,205,49)
Color Blindness Simulator
Below, you can see how #ffcd31 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.