#f5c31e Color Information
In a RGB color space, hex #f5c31e is composed of 96.1% red, 76.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.4% magenta, 87.8% yellow and 3.9% black. It has a hue angle of 46 degrees, a saturation of 91.5% and a lightness of 53.9%. #f5c31e color hex could be obtained by blending #ffff3c with #eb8700. Closest websafe color is: #ffcc33.
-
- R 96
- G 76
- B 12
-
- C 0
- M 20
- Y 88
- K 4
● #f5c31e color description : Vivid yellow.
#f5c31e Color Conversion
The hexadecimal color #f5c31e has RGB values of R:245, G:195, B:30 and CMYK values of C:0, M:0.2, Y:0.88, K:0.04. Its decimal value is 16106270.
Hex triplet | f5c31e | #f5c31e |
---|---|---|
RGB Decimal | 245, 195, 30 | rgb(245,195,30) |
RGB Percent | 96.1, 76.5, 11.8 | rgb(96.1%,76.5%,11.8%) |
CMYK | 0, 20, 88, 4 | |
HSL | 46°, 91.5, 53.9 | hsl(46,91.5%,53.9%) |
HSV (or HSB) | 46°, 87.8, 96.1 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 81.038, 4.381, 78.589 |
---|---|
XYZ | 57.407, 58.539, 9.504 |
xyY | 0.458, 0.467, 58.539 |
CIE-LCH | 81.038, 78.711, 86.809 |
CIE-LUV | 81.038, 42.519, 82.37 |
Hunter-Lab | 76.511, 0.036, 46.193 |
Binary | 11110101, 11000011, 00011110 |
Color Schemes with #f5c31e
Alternatives to #f5c31e
Below, you can see some colors close to #f5c31e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5c31e Preview
This text has a font color of #f5c31e.
<span style="color:#f5c31e;">Text here</span>
This paragraph has a background color of #f5c31e.
<p style="background-color:#f5c31e;">Content here</p>
This element has a border color of #f5c31e.
<div style="border:1px solid #f5c31e;">Content here</div>
.text {color:#f5c31e;}
.background {background-color:#f5c31e;}
.border {border:1px solid #f5c31e;}
Shades and Tints of #f5c31e
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, #000000 is the darkest color, while #fefaed is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130f01
#130f01
rgb(19,15,1)
-
#261e02
#261e02
rgb(38,30,2)
-
#392c03
#392c03
rgb(57,44,3)
-
#4b3b03
#4b3b03
rgb(75,59,3)
-
#5e4904
#5e4904
rgb(94,73,4)
-
#715805
#715805
rgb(113,88,5)
-
#846706
#846706
rgb(132,103,6)
-
#977507
#977507
rgb(151,117,7)
-
#a98408
#a98408
rgb(169,132,8)
-
#bc9208
#bc9208
rgb(188,146,8)
-
#cfa109
#cfa109
rgb(207,161,9)
-
#e2b00a
#e2b00a
rgb(226,176,10)
-
#f4be0b
#f4be0b
rgb(244,190,11)
-
#f5c31e
#f5c31e
rgb(245,195,30)
-
#f6c831
#f6c831
rgb(246,200,49)
-
#f7cd44
#f7cd44
rgb(247,205,68)
-
#f8d256
#f8d256
rgb(248,210,86)
-
#f8d769
#f8d769
rgb(248,215,105)
-
#f9dc7c
#f9dc7c
rgb(249,220,124)
-
#fae18f
#fae18f
rgb(250,225,143)
-
#fbe6a1
#fbe6a1
rgb(251,230,161)
-
#fcebb4
#fcebb4
rgb(252,235,180)
-
#fdf0c7
#fdf0c7
rgb(253,240,199)
-
#fdf5da
#fdf5da
rgb(253,245,218)
-
#fefaed
#fefaed
rgb(254,250,237)
Tones of #f5c31e
A tone is produced by adding gray to any pure hue. In this case, #928e81 is the less saturated color, while #fec815 is the most saturated one.
-
#928e81
#928e81
rgb(146,142,129)
-
#9b9378
#9b9378
rgb(155,147,120)
-
#a4976f
#a4976f
rgb(164,151,111)
-
#ad9c66
#ad9c66
rgb(173,156,102)
-
#b6a15d
#b6a15d
rgb(182,161,93)
-
#bfa654
#bfa654
rgb(191,166,84)
-
#c8ab4b
#c8ab4b
rgb(200,171,75)
-
#d1b042
#d1b042
rgb(209,176,66)
-
#dab439
#dab439
rgb(218,180,57)
-
#e3b930
#e3b930
rgb(227,185,48)
-
#ecbe27
#ecbe27
rgb(236,190,39)
-
#f5c31e
#f5c31e
rgb(245,195,30)
-
#fec815
#fec815
rgb(254,200,21)
Color Blindness Simulator
Below, you can see how #f5c31e 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.