#f5b552 Color Information
In a RGB color space, hex #f5b552 is composed of 96.1% red, 71% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.1% magenta, 66.5% yellow and 3.9% black. It has a hue angle of 36.4 degrees, a saturation of 89.1% and a lightness of 64.1%. #f5b552 color hex could be obtained by blending #ffffa4 with #eb6b00. Closest websafe color is: #ffcc66.
-
- R 96
- G 71
- B 32
-
- C 0
- M 26
- Y 67
- K 4
● #f5b552 color description : Soft orange.
#f5b552 Color Conversion
The hexadecimal color #f5b552 has RGB values of R:245, G:181, B:82 and CMYK values of C:0, M:0.26, Y:0.67, K:0.04. Its decimal value is 16102738.
Hex triplet | f5b552 | #f5b552 |
---|---|---|
RGB Decimal | 245, 181, 82 | rgb(245,181,82) |
RGB Percent | 96.1, 71, 32.2 | rgb(96.1%,71%,32.2%) |
CMYK | 0, 26, 67, 4 | |
HSL | 36.4°, 89.1, 64.1 | hsl(36.4,89.1%,64.1%) |
HSV (or HSB) | 36.4°, 66.5, 96.1 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 77.918, 13.609, 57.967 |
---|---|
XYZ | 55.704, 53.072, 15.292 |
xyY | 0.449, 0.428, 53.072 |
CIE-LCH | 77.918, 59.543, 76.788 |
CIE-LUV | 77.918, 51.028, 64.592 |
Hunter-Lab | 72.851, 8.998, 38.55 |
Binary | 11110101, 10110101, 01010010 |
Color Schemes with #f5b552
Alternatives to #f5b552
Below, you can see some colors close to #f5b552. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5b552 Preview
This text has a font color of #f5b552.
<span style="color:#f5b552;">Text here</span>
This paragraph has a background color of #f5b552.
<p style="background-color:#f5b552;">Content here</p>
This element has a border color of #f5b552.
<div style="border:1px solid #f5b552;">Content here</div>
.text {color:#f5b552;}
.background {background-color:#f5b552;}
.border {border:1px solid #f5b552;}
Shades and Tints of #f5b552
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, #0c0801 is the darkest color, while #fffcf9 is the lightest one.
-
#0c0801
#0c0801
rgb(12,8,1)
-
#1f1402
#1f1402
rgb(31,20,2)
-
#321f03
#321f03
rgb(50,31,3)
-
#442b04
#442b04
rgb(68,43,4)
-
#573705
#573705
rgb(87,55,5)
-
#694206
#694206
rgb(105,66,6)
-
#7c4e07
#7c4e07
rgb(124,78,7)
-
#8e5a08
#8e5a08
rgb(142,90,8)
-
#a16509
#a16509
rgb(161,101,9)
-
#b3710a
#b3710a
rgb(179,113,10)
-
#c67d0b
#c67d0b
rgb(198,125,11)
-
#d8880d
#d8880d
rgb(216,136,13)
-
#eb940e
#eb940e
rgb(235,148,14)
-
#f29d1a
#f29d1a
rgb(242,157,26)
-
#f3a52d
#f3a52d
rgb(243,165,45)
-
#f4ad3f
#f4ad3f
rgb(244,173,63)
-
#f5b552
#f5b552
rgb(245,181,82)
-
#f6bd65
#f6bd65
rgb(246,189,101)
-
#f7c577
#f7c577
rgb(247,197,119)
-
#f8cd8a
#f8cd8a
rgb(248,205,138)
-
#f9d59c
#f9d59c
rgb(249,213,156)
-
#faddaf
#faddaf
rgb(250,221,175)
-
#fbe5c1
#fbe5c1
rgb(251,229,193)
-
#fdedd4
#fdedd4
rgb(253,237,212)
-
#fef4e6
#fef4e6
rgb(254,244,230)
-
#fffcf9
#fffcf9
rgb(255,252,249)
Tones of #f5b552
A tone is produced by adding gray to any pure hue. In this case, #a8a49f is the less saturated color, while #fcb74b is the most saturated one.
-
#a8a49f
#a8a49f
rgb(168,164,159)
-
#afa698
#afa698
rgb(175,166,152)
-
#b6a791
#b6a791
rgb(182,167,145)
-
#bda98a
#bda98a
rgb(189,169,138)
-
#c4aa83
#c4aa83
rgb(196,170,131)
-
#cbac7c
#cbac7c
rgb(203,172,124)
-
#d2ad75
#d2ad75
rgb(210,173,117)
-
#d9af6e
#d9af6e
rgb(217,175,110)
-
#e0b067
#e0b067
rgb(224,176,103)
-
#e7b260
#e7b260
rgb(231,178,96)
-
#eeb359
#eeb359
rgb(238,179,89)
-
#f5b552
#f5b552
rgb(245,181,82)
-
#fcb74b
#fcb74b
rgb(252,183,75)
Color Blindness Simulator
Below, you can see how #f5b552 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.