#ffc107 Color Information
In a RGB color space, hex #ffc107 is composed of 100% red, 75.7% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.3% magenta, 97.3% yellow and 0% black. It has a hue angle of 45 degrees, a saturation of 100% and a lightness of 51.4%. #ffc107 color hex could be obtained by blending #ffff0e with #ff8300. Closest websafe color is: #ffcc00.
-
- R 100
- G 76
- B 3
-
- C 0
- M 24
- Y 97
- K 0
● #ffc107 color description : Vivid yellow.
#ffc107 Color Conversion
The hexadecimal color #ffc107 has RGB values of R:255, G:193, B:7 and CMYK values of C:0, M:0.24, Y:0.97, K:0. Its decimal value is 16761095.
Hex triplet | ffc107 | #ffc107 |
---|---|---|
RGB Decimal | 255, 193, 7 | rgb(255,193,7) |
RGB Percent | 100, 75.7, 2.7 | rgb(100%,75.7%,2.7%) |
CMYK | 0, 24, 97, 0 | |
HSL | 45°, 100, 51.4 | hsl(45,100%,51.4%) |
HSV (or HSB) | 45°, 97.3, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 81.521, 9.4, 82.691 |
---|---|
XYZ | 60.35, 59.419, 8.491 |
xyY | 0.471, 0.463, 59.419 |
CIE-LCH | 81.521, 83.224, 83.515 |
CIE-LUV | 81.521, 52.157, 83.683 |
Hunter-Lab | 77.083, 4.854, 47.427 |
Binary | 11111111, 11000001, 00000111 |
Color Schemes with #ffc107
Alternatives to #ffc107
Below, you can see some colors close to #ffc107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc107 Preview
This text has a font color of #ffc107.
<span style="color:#ffc107;">Text here</span>
This paragraph has a background color of #ffc107.
<p style="background-color:#ffc107;">Content here</p>
This element has a border color of #ffc107.
<div style="border:1px solid #ffc107;">Content here</div>
.text {color:#ffc107;}
.background {background-color:#ffc107;}
.border {border:1px solid #ffc107;}
Shades and Tints of #ffc107
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, #070500 is the darkest color, while #fffcf2 is the lightest one.
-
#070500
#070500
rgb(7,5,0)
-
#1b1400
#1b1400
rgb(27,20,0)
-
#2e2300
#2e2300
rgb(46,35,0)
-
#423100
#423100
rgb(66,49,0)
-
#554000
#554000
rgb(85,64,0)
-
#694f00
#694f00
rgb(105,79,0)
-
#7d5e00
#7d5e00
rgb(125,94,0)
-
#906c00
#906c00
rgb(144,108,0)
-
#a47b00
#a47b00
rgb(164,123,0)
-
#b88a00
#b88a00
rgb(184,138,0)
-
#cb9800
#cb9800
rgb(203,152,0)
-
#dfa700
#dfa700
rgb(223,167,0)
-
#f2b600
#f2b600
rgb(242,182,0)
-
#ffc107
#ffc107
rgb(255,193,7)
-
#ffc61b
#ffc61b
rgb(255,198,27)
-
#ffcb2e
#ffcb2e
rgb(255,203,46)
-
#ffd042
#ffd042
rgb(255,208,66)
-
#ffd555
#ffd555
rgb(255,213,85)
-
#ffda69
#ffda69
rgb(255,218,105)
-
#ffde7d
#ffde7d
rgb(255,222,125)
-
#ffe390
#ffe390
rgb(255,227,144)
-
#ffe8a4
#ffe8a4
rgb(255,232,164)
-
#ffedb8
#ffedb8
rgb(255,237,184)
-
#fff2cb
#fff2cb
rgb(255,242,203)
-
#fff7df
#fff7df
rgb(255,247,223)
-
#fffcf2
#fffcf2
rgb(255,252,242)
Tones of #ffc107
A tone is produced by adding gray to any pure hue. In this case, #8d8879 is the less saturated color, while #ffc107 is the most saturated one.
-
#8d8879
#8d8879
rgb(141,136,121)
-
#968d70
#968d70
rgb(150,141,112)
-
#a09166
#a09166
rgb(160,145,102)
-
#a9965d
#a9965d
rgb(169,150,93)
-
#b39b53
#b39b53
rgb(179,155,83)
-
#bca04a
#bca04a
rgb(188,160,74)
-
#c6a440
#c6a440
rgb(198,164,64)
-
#cfa937
#cfa937
rgb(207,169,55)
-
#d9ae2d
#d9ae2d
rgb(217,174,45)
-
#e2b324
#e2b324
rgb(226,179,36)
-
#ecb71a
#ecb71a
rgb(236,183,26)
-
#f5bc11
#f5bc11
rgb(245,188,17)
-
#ffc107
#ffc107
rgb(255,193,7)
Color Blindness Simulator
Below, you can see how #ffc107 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.