#ffc701 Color Information
In a RGB color space, hex #ffc701 is composed of 100% red, 78% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22% magenta, 99.6% yellow and 0% black. It has a hue angle of 46.8 degrees, a saturation of 100% and a lightness of 50.2%. #ffc701 color hex could be obtained by blending #ffff02 with #ff8f00. Closest websafe color is: #ffcc00.
-
- R 100
- G 78
- B 0
-
- C 0
- M 22
- Y 100
- K 0
● #ffc701 color description : Vivid yellow.
#ffc701 Color Conversion
The hexadecimal color #ffc701 has RGB values of R:255, G:199, B:1 and CMYK values of C:0, M:0.22, Y:1, K:0. Its decimal value is 16762625.
Hex triplet | ffc701 | #ffc701 |
---|---|---|
RGB Decimal | 255, 199, 1 | rgb(255,199,1) |
RGB Percent | 100, 78, 0.4 | rgb(100%,78%,0.4%) |
CMYK | 0, 22, 100, 0 | |
HSL | 46.8°, 100, 50.2 | hsl(46.8,100%,50.2%) |
HSV (or HSB) | 46.8°, 99.6, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 82.973, 6.253, 84.272 |
---|---|
XYZ | 61.67, 62.112, 8.769 |
xyY | 0.465, 0.469, 62.112 |
CIE-LCH | 82.973, 84.504, 85.756 |
CIE-LUV | 82.973, 47.551, 86.178 |
Hunter-Lab | 78.811, 1.757, 48.571 |
Binary | 11111111, 11000111, 00000001 |
Color Schemes with #ffc701
Alternatives to #ffc701
Below, you can see some colors close to #ffc701. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc701 Preview
This text has a font color of #ffc701.
<span style="color:#ffc701;">Text here</span>
This paragraph has a background color of #ffc701.
<p style="background-color:#ffc701;">Content here</p>
This element has a border color of #ffc701.
<div style="border:1px solid #ffc701;">Content here</div>
.text {color:#ffc701;}
.background {background-color:#ffc701;}
.border {border:1px solid #ffc701;}
Shades and Tints of #ffc701
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, #010100 is the darkest color, while #fffbec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#151000
#151000
rgb(21,16,0)
-
#281f00
#281f00
rgb(40,31,0)
-
#3c2f00
#3c2f00
rgb(60,47,0)
-
#4f3e00
#4f3e00
rgb(79,62,0)
-
#634d00
#634d00
rgb(99,77,0)
-
#775d00
#775d00
rgb(119,93,0)
-
#8a6c00
#8a6c00
rgb(138,108,0)
-
#9e7b00
#9e7b00
rgb(158,123,0)
-
#b28a00
#b28a00
rgb(178,138,0)
-
#c59a00
#c59a00
rgb(197,154,0)
-
#d9a900
#d9a900
rgb(217,169,0)
-
#ecb800
#ecb800
rgb(236,184,0)
-
#ffc701
#ffc701
rgb(255,199,1)
-
#ffcb15
#ffcb15
rgb(255,203,21)
-
#ffd028
#ffd028
rgb(255,208,40)
-
#ffd43c
#ffd43c
rgb(255,212,60)
-
#ffd84f
#ffd84f
rgb(255,216,79)
-
#ffdd63
#ffdd63
rgb(255,221,99)
-
#ffe177
#ffe177
rgb(255,225,119)
-
#ffe58a
#ffe58a
rgb(255,229,138)
-
#ffea9e
#ffea9e
rgb(255,234,158)
-
#ffeeb2
#ffeeb2
rgb(255,238,178)
-
#fff2c5
#fff2c5
rgb(255,242,197)
-
#fff7d9
#fff7d9
rgb(255,247,217)
-
#fffbec
#fffbec
rgb(255,251,236)
Tones of #ffc701
A tone is produced by adding gray to any pure hue. In this case, #8a8576 is the less saturated color, while #ffc701 is the most saturated one.
-
#8a8576
#8a8576
rgb(138,133,118)
-
#948b6c
#948b6c
rgb(148,139,108)
-
#9d9063
#9d9063
rgb(157,144,99)
-
#a79659
#a79659
rgb(167,150,89)
-
#b19b4f
#b19b4f
rgb(177,155,79)
-
#bba145
#bba145
rgb(187,161,69)
-
#c4a63c
#c4a63c
rgb(196,166,60)
-
#ceac32
#ceac32
rgb(206,172,50)
-
#d8b128
#d8b128
rgb(216,177,40)
-
#e2b71e
#e2b71e
rgb(226,183,30)
-
#ebbc15
#ebbc15
rgb(235,188,21)
-
#f5c20b
#f5c20b
rgb(245,194,11)
-
#ffc701
#ffc701
rgb(255,199,1)
Color Blindness Simulator
Below, you can see how #ffc701 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.