#f5c55d Color Information
In a RGB color space, hex #f5c55d is composed of 96.1% red, 77.3% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 62% yellow and 3.9% black. It has a hue angle of 41.1 degrees, a saturation of 88.4% and a lightness of 66.3%. #f5c55d color hex could be obtained by blending #ffffba with #eb8b00. Closest websafe color is: #ffcc66.
-
- R 96
- G 77
- B 36
-
- C 0
- M 20
- Y 62
- K 4
● #f5c55d color description : Soft orange.
#f5c55d Color Conversion
The hexadecimal color #f5c55d has RGB values of R:245, G:197, B:93 and CMYK values of C:0, M:0.2, Y:0.62, K:0.04. Its decimal value is 16106845.
Hex triplet | f5c55d | #f5c55d |
---|---|---|
RGB Decimal | 245, 197, 93 | rgb(245,197,93) |
RGB Percent | 96.1, 77.3, 36.5 | rgb(96.1%,77.3%,36.5%) |
CMYK | 0, 20, 62, 4 | |
HSL | 41.1°, 88.4, 66.3 | hsl(41.1,88.4%,66.3%) |
HSV (or HSB) | 41.1°, 62, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.913, 5.921, 57.4 |
---|---|
XYZ | 59.599, 60.138, 18.824 |
xyY | 0.43, 0.434, 60.138 |
CIE-LCH | 81.913, 57.704, 84.111 |
CIE-LUV | 81.913, 38.664, 67.366 |
Hunter-Lab | 77.549, 1.473, 39.892 |
Binary | 11110101, 11000101, 01011101 |
Color Schemes with #f5c55d
Alternatives to #f5c55d
Below, you can see some colors close to #f5c55d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5c55d Preview
This text has a font color of #f5c55d.
<span style="color:#f5c55d;">Text here</span>
This paragraph has a background color of #f5c55d.
<p style="background-color:#f5c55d;">Content here</p>
This element has a border color of #f5c55d.
<div style="border:1px solid #f5c55d;">Content here</div>
.text {color:#f5c55d;}
.background {background-color:#f5c55d;}
.border {border:1px solid #f5c55d;}
Shades and Tints of #f5c55d
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, #040300 is the darkest color, while #fefaf1 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#171001
#171001
rgb(23,16,1)
-
#291d03
#291d03
rgb(41,29,3)
-
#3c2a04
#3c2a04
rgb(60,42,4)
-
#4e3705
#4e3705
rgb(78,55,5)
-
#614406
#614406
rgb(97,68,6)
-
#735107
#735107
rgb(115,81,7)
-
#865e08
#865e08
rgb(134,94,8)
-
#986b09
#986b09
rgb(152,107,9)
-
#ab780b
#ab780b
rgb(171,120,11)
-
#bd850c
#bd850c
rgb(189,133,12)
-
#cf920d
#cf920d
rgb(207,146,13)
-
#e29f0e
#e29f0e
rgb(226,159,14)
-
#f0ab13
#f0ab13
rgb(240,171,19)
-
#f2b126
#f2b126
rgb(242,177,38)
-
#f3b838
#f3b838
rgb(243,184,56)
-
#f4be4b
#f4be4b
rgb(244,190,75)
-
#f5c55d
#f5c55d
rgb(245,197,93)
-
#f6cc6f
#f6cc6f
rgb(246,204,111)
-
#f7d282
#f7d282
rgb(247,210,130)
-
#f8d994
#f8d994
rgb(248,217,148)
-
#fadfa7
#fadfa7
rgb(250,223,167)
-
#fbe6b9
#fbe6b9
rgb(251,230,185)
-
#fcedcc
#fcedcc
rgb(252,237,204)
-
#fdf3de
#fdf3de
rgb(253,243,222)
-
#fefaf1
#fefaf1
rgb(254,250,241)
Tones of #f5c55d
A tone is produced by adding gray to any pure hue. In this case, #acaaa6 is the less saturated color, while #fcc756 is the most saturated one.
-
#acaaa6
#acaaa6
rgb(172,170,166)
-
#b3ad9f
#b3ad9f
rgb(179,173,159)
-
#b9af99
#b9af99
rgb(185,175,153)
-
#c0b292
#c0b292
rgb(192,178,146)
-
#c7b48b
#c7b48b
rgb(199,180,139)
-
#cdb685
#cdb685
rgb(205,182,133)
-
#d4b97e
#d4b97e
rgb(212,185,126)
-
#dbbb77
#dbbb77
rgb(219,187,119)
-
#e1be71
#e1be71
rgb(225,190,113)
-
#e8c06a
#e8c06a
rgb(232,192,106)
-
#eec364
#eec364
rgb(238,195,100)
-
#f5c55d
#f5c55d
rgb(245,197,93)
-
#fcc756
#fcc756
rgb(252,199,86)
Color Blindness Simulator
Below, you can see how #f5c55d 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.