#ffff31 Color Information
In a RGB color space, hex #ffff31 (also known as Daffodil) is composed of 100% red, 100% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 80.8% yellow and 0% black. It has a hue angle of 60 degrees, a saturation of 100% and a lightness of 59.6%. #ffff31 color hex could be obtained by blending #ffff62 with #ffff00. Closest websafe color is: #ffff33.
-
- R 100
- G 100
- B 19
-
- C 0
- M 0
- Y 81
- K 0
● #ffff31 color description : Vivid yellow.
#ffff31 Color Conversion
The hexadecimal color #ffff31 has RGB values of R:255, G:255, B:49 and CMYK values of C:0, M:0, Y:0.81, K:0. Its decimal value is 16777009.
Hex triplet | ffff31 | #ffff31 |
---|---|---|
RGB Decimal | 255, 255, 49 | rgb(255,255,49) |
RGB Percent | 100, 100, 19.2 | rgb(100%,100%,19.2%) |
CMYK | 0, 0, 81, 0 | |
HSL | 60°, 100, 59.6 | hsl(60,100%,59.6%) |
HSV (or HSB) | 60°, 80.8, 100 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 97.229, -20.83, 88.012 |
---|---|
XYZ | 77.555, 93.003, 16.772 |
xyY | 0.414, 0.496, 93.003 |
CIE-LCH | 97.229, 90.444, 103.315 |
CIE-LUV | 97.229, 7.407, 102.743 |
Hunter-Lab | 96.438, -25.219, 57.195 |
Binary | 11111111, 11111111, 00110001 |
Color Schemes with #ffff31
Alternatives to #ffff31
Below, you can see some colors close to #ffff31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffff31 Preview
This text has a font color of #ffff31.
<span style="color:#ffff31;">Text here</span>
This paragraph has a background color of #ffff31.
<p style="background-color:#ffff31;">Content here</p>
This element has a border color of #ffff31.
<div style="border:1px solid #ffff31;">Content here</div>
.text {color:#ffff31;}
.background {background-color:#ffff31;}
.border {border:1px solid #ffff31;}
Shades and Tints of #ffff31
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, #0a0a00 is the darkest color, while #fffff5 is the lightest one.
-
#0a0a00
#0a0a00
rgb(10,10,0)
-
#1d1d00
#1d1d00
rgb(29,29,0)
-
#313100
#313100
rgb(49,49,0)
-
#454500
#454500
rgb(69,69,0)
-
#585800
#585800
rgb(88,88,0)
-
#6c6c00
#6c6c00
rgb(108,108,0)
-
#7f7f00
#7f7f00
rgb(127,127,0)
-
#939300
#939300
rgb(147,147,0)
-
#a7a700
#a7a700
rgb(167,167,0)
-
#baba00
#baba00
rgb(186,186,0)
-
#cece00
#cece00
rgb(206,206,0)
-
#e2e200
#e2e200
rgb(226,226,0)
-
#f5f500
#f5f500
rgb(245,245,0)
-
#ffff0a
#ffff0a
rgb(255,255,10)
-
#ffff1d
#ffff1d
rgb(255,255,29)
-
#ffff31
#ffff31
rgb(255,255,49)
-
#ffff45
#ffff45
rgb(255,255,69)
-
#ffff58
#ffff58
rgb(255,255,88)
-
#ffff6c
#ffff6c
rgb(255,255,108)
-
#ffff7f
#ffff7f
rgb(255,255,127)
-
#ffff93
#ffff93
rgb(255,255,147)
-
#ffffa7
#ffffa7
rgb(255,255,167)
-
#ffffba
#ffffba
rgb(255,255,186)
-
#ffffce
#ffffce
rgb(255,255,206)
-
#ffffe2
#ffffe2
rgb(255,255,226)
-
#fffff5
#fffff5
rgb(255,255,245)
Tones of #ffff31
A tone is produced by adding gray to any pure hue. In this case, #a0a090 is the less saturated color, while #ffff31 is the most saturated one.
-
#a0a090
#a0a090
rgb(160,160,144)
-
#a8a888
#a8a888
rgb(168,168,136)
-
#b0b080
#b0b080
rgb(176,176,128)
-
#b8b878
#b8b878
rgb(184,184,120)
-
#c0c070
#c0c070
rgb(192,192,112)
-
#c8c868
#c8c868
rgb(200,200,104)
-
#cfcf61
#cfcf61
rgb(207,207,97)
-
#d7d759
#d7d759
rgb(215,215,89)
-
#dfdf51
#dfdf51
rgb(223,223,81)
-
#e7e749
#e7e749
rgb(231,231,73)
-
#efef41
#efef41
rgb(239,239,65)
-
#f7f739
#f7f739
rgb(247,247,57)
-
#ffff31
#ffff31
rgb(255,255,49)
Color Blindness Simulator
Below, you can see how #ffff31 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.