#ffd108 Color Information
In a RGB color space, hex #ffd108 is composed of 100% red, 82% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18% magenta, 96.9% yellow and 0% black. It has a hue angle of 48.8 degrees, a saturation of 100% and a lightness of 51.6%. #ffd108 color hex could be obtained by blending #ffff10 with #ffa300. Closest websafe color is: #ffcc00.
-
- R 100
- G 82
- B 3
-
- C 0
- M 18
- Y 97
- K 0
● #ffd108 color description : Vivid yellow.
#ffd108 Color Conversion
The hexadecimal color #ffd108 has RGB values of R:255, G:209, B:8 and CMYK values of C:0, M:0.18, Y:0.97, K:0. Its decimal value is 16765192.
Hex triplet | ffd108 | #ffd108 |
---|---|---|
RGB Decimal | 255, 209, 8 | rgb(255,209,8) |
RGB Percent | 100, 82, 3.1 | rgb(100%,82%,3.1%) |
CMYK | 0, 18, 97, 0 | |
HSL | 48.8°, 100, 51.6 | hsl(48.8,100%,51.6%) |
HSV (or HSB) | 48.8°, 96.9, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 85.444, 1.181, 85.384 |
---|---|
XYZ | 64.085, 66.881, 9.764 |
xyY | 0.455, 0.475, 66.881 |
CIE-LCH | 85.444, 85.393, 89.207 |
CIE-LUV | 85.444, 39.9, 89.498 |
Hunter-Lab | 81.781, -3.24, 50.168 |
Binary | 11111111, 11010001, 00001000 |
Color Schemes with #ffd108
Alternatives to #ffd108
Below, you can see some colors close to #ffd108. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd108 Preview
This text has a font color of #ffd108.
<span style="color:#ffd108;">Text here</span>
This paragraph has a background color of #ffd108.
<p style="background-color:#ffd108;">Content here</p>
This element has a border color of #ffd108.
<div style="border:1px solid #ffd108;">Content here</div>
.text {color:#ffd108;}
.background {background-color:#ffd108;}
.border {border:1px solid #ffd108;}
Shades and Tints of #ffd108
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, #080700 is the darkest color, while #fffdf3 is the lightest one.
-
#080700
#080700
rgb(8,7,0)
-
#1c1600
#1c1600
rgb(28,22,0)
-
#2f2600
#2f2600
rgb(47,38,0)
-
#433600
#433600
rgb(67,54,0)
-
#564600
#564600
rgb(86,70,0)
-
#6a5600
#6a5600
rgb(106,86,0)
-
#7e6600
#7e6600
rgb(126,102,0)
-
#917600
#917600
rgb(145,118,0)
-
#a58600
#a58600
rgb(165,134,0)
-
#b99600
#b99600
rgb(185,150,0)
-
#cca600
#cca600
rgb(204,166,0)
-
#e0b600
#e0b600
rgb(224,182,0)
-
#f3c600
#f3c600
rgb(243,198,0)
-
#ffd108
#ffd108
rgb(255,209,8)
-
#ffd51c
#ffd51c
rgb(255,213,28)
-
#ffd82f
#ffd82f
rgb(255,216,47)
-
#ffdc43
#ffdc43
rgb(255,220,67)
-
#ffe056
#ffe056
rgb(255,224,86)
-
#ffe36a
#ffe36a
rgb(255,227,106)
-
#ffe77e
#ffe77e
rgb(255,231,126)
-
#ffeb91
#ffeb91
rgb(255,235,145)
-
#ffeea5
#ffeea5
rgb(255,238,165)
-
#fff2b9
#fff2b9
rgb(255,242,185)
-
#fff6cc
#fff6cc
rgb(255,246,204)
-
#fff9e0
#fff9e0
rgb(255,249,224)
-
#fffdf3
#fffdf3
rgb(255,253,243)
Tones of #ffd108
A tone is produced by adding gray to any pure hue. In this case, #8d897a is the less saturated color, while #ffd108 is the most saturated one.
-
#8d897a
#8d897a
rgb(141,137,122)
-
#978f71
#978f71
rgb(151,143,113)
-
#a09567
#a09567
rgb(160,149,103)
-
#aa9b5e
#aa9b5e
rgb(170,155,94)
-
#b3a154
#b3a154
rgb(179,161,84)
-
#bda74b
#bda74b
rgb(189,167,75)
-
#c6ad41
#c6ad41
rgb(198,173,65)
-
#d0b338
#d0b338
rgb(208,179,56)
-
#d9b92e
#d9b92e
rgb(217,185,46)
-
#e3bf25
#e3bf25
rgb(227,191,37)
-
#ecc51b
#ecc51b
rgb(236,197,27)
-
#f6cb12
#f6cb12
rgb(246,203,18)
-
#ffd108
#ffd108
rgb(255,209,8)
Color Blindness Simulator
Below, you can see how #ffd108 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.