#ffd61f Color Information
In a RGB color space, hex #ffd61f is composed of 100% red, 83.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 87.8% yellow and 0% black. It has a hue angle of 49 degrees, a saturation of 100% and a lightness of 56.1%. #ffd61f color hex could be obtained by blending #ffff3e with #ffad00. Closest websafe color is: #ffcc33.
-
- R 100
- G 84
- B 12
-
- C 0
- M 16
- Y 88
- K 0
● #ffd61f color description : Vivid yellow.
#ffd61f Color Conversion
The hexadecimal color #ffd61f has RGB values of R:255, G:214, B:31 and CMYK values of C:0, M:0.16, Y:0.88, K:0. Its decimal value is 16766495.
Hex triplet | ffd61f | #ffd61f |
---|---|---|
RGB Decimal | 255, 214, 31 | rgb(255,214,31) |
RGB Percent | 100, 83.9, 12.2 | rgb(100%,83.9%,12.2%) |
CMYK | 0, 16, 88, 0 | |
HSL | 49°, 100, 56.1 | hsl(49,100%,56.1%) |
HSV (or HSB) | 49°, 87.8, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 86.729, -1.076, 83.268 |
---|---|
XYZ | 65.535, 69.455, 11.251 |
xyY | 0.448, 0.475, 69.455 |
CIE-LCH | 86.729, 83.275, 90.74 |
CIE-LUV | 86.729, 35.948, 89.587 |
Hunter-Lab | 83.34, -5.479, 50.334 |
Binary | 11111111, 11010110, 00011111 |
Color Schemes with #ffd61f
Alternatives to #ffd61f
Below, you can see some colors close to #ffd61f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd61f Preview
This text has a font color of #ffd61f.
<span style="color:#ffd61f;">Text here</span>
This paragraph has a background color of #ffd61f.
<p style="background-color:#ffd61f;">Content here</p>
This element has a border color of #ffd61f.
<div style="border:1px solid #ffd61f;">Content here</div>
.text {color:#ffd61f;}
.background {background-color:#ffd61f;}
.border {border:1px solid #ffd61f;}
Shades and Tints of #ffd61f
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, #0b0900 is the darkest color, while #fffdf7 is the lightest one.
-
#0b0900
#0b0900
rgb(11,9,0)
-
#1f1900
#1f1900
rgb(31,25,0)
-
#332900
#332900
rgb(51,41,0)
-
#463900
#463900
rgb(70,57,0)
-
#5a4900
#5a4900
rgb(90,73,0)
-
#6d5900
#6d5900
rgb(109,89,0)
-
#816900
#816900
rgb(129,105,0)
-
#957900
#957900
rgb(149,121,0)
-
#a88a00
#a88a00
rgb(168,138,0)
-
#bc9a00
#bc9a00
rgb(188,154,0)
-
#d0aa00
#d0aa00
rgb(208,170,0)
-
#e3ba00
#e3ba00
rgb(227,186,0)
-
#f7ca00
#f7ca00
rgb(247,202,0)
-
#ffd20b
#ffd20b
rgb(255,210,11)
-
#ffd61f
#ffd61f
rgb(255,214,31)
-
#ffda33
#ffda33
rgb(255,218,51)
-
#ffdd46
#ffdd46
rgb(255,221,70)
-
#ffe15a
#ffe15a
rgb(255,225,90)
-
#ffe46d
#ffe46d
rgb(255,228,109)
-
#ffe881
#ffe881
rgb(255,232,129)
-
#ffec95
#ffec95
rgb(255,236,149)
-
#ffefa8
#ffefa8
rgb(255,239,168)
-
#fff3bc
#fff3bc
rgb(255,243,188)
-
#fff6d0
#fff6d0
rgb(255,246,208)
-
#fffae3
#fffae3
rgb(255,250,227)
-
#fffdf7
#fffdf7
rgb(255,253,247)
Tones of #ffd61f
A tone is produced by adding gray to any pure hue. In this case, #989486 is the less saturated color, while #ffd61f is the most saturated one.
-
#989486
#989486
rgb(152,148,134)
-
#a09a7e
#a09a7e
rgb(160,154,126)
-
#a99f75
#a99f75
rgb(169,159,117)
-
#b1a56d
#b1a56d
rgb(177,165,109)
-
#baaa64
#baaa64
rgb(186,170,100)
-
#c3b05b
#c3b05b
rgb(195,176,91)
-
#cbb553
#cbb553
rgb(203,181,83)
-
#d4bb4a
#d4bb4a
rgb(212,187,74)
-
#ddc041
#ddc041
rgb(221,192,65)
-
#e5c639
#e5c639
rgb(229,198,57)
-
#eecb30
#eecb30
rgb(238,203,48)
-
#f6d128
#f6d128
rgb(246,209,40)
-
#ffd61f
#ffd61f
rgb(255,214,31)
Color Blindness Simulator
Below, you can see how #ffd61f 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.