#f5b253 Color Information
In a RGB color space, hex #f5b253 is composed of 96.1% red, 69.8% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.3% magenta, 66.1% yellow and 3.9% black. It has a hue angle of 35.2 degrees, a saturation of 89% and a lightness of 64.3%. #f5b253 color hex could be obtained by blending #ffffa6 with #eb6500. Closest websafe color is: #ff9966.
-
- R 96
- G 70
- B 33
-
- C 0
- M 27
- Y 66
- K 4
● #f5b253 color description : Soft orange.
#f5b253 Color Conversion
The hexadecimal color #f5b253 has RGB values of R:245, G:178, B:83 and CMYK values of C:0, M:0.27, Y:0.66, K:0.04. Its decimal value is 16101971.
Hex triplet | f5b253 | #f5b253 |
---|---|---|
RGB Decimal | 245, 178, 83 | rgb(245,178,83) |
RGB Percent | 96.1, 69.8, 32.5 | rgb(96.1%,69.8%,32.5%) |
CMYK | 0, 27, 66, 4 | |
HSL | 35.2°, 89, 64.3 | hsl(35.2,89%,64.3%) |
HSV (or HSB) | 35.2°, 66.1, 96.1 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77.21, 15.241, 56.744 |
---|---|
XYZ | 55.139, 51.881, 15.293 |
xyY | 0.451, 0.424, 51.881 |
CIE-LCH | 77.21, 58.755, 74.965 |
CIE-LUV | 77.21, 53.208, 62.961 |
Hunter-Lab | 72.028, 10.595, 37.831 |
Binary | 11110101, 10110010, 01010011 |
Color Schemes with #f5b253
Alternatives to #f5b253
Below, you can see some colors close to #f5b253. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5b253 Preview
This text has a font color of #f5b253.
<span style="color:#f5b253;">Text here</span>
This paragraph has a background color of #f5b253.
<p style="background-color:#f5b253;">Content here</p>
This element has a border color of #f5b253.
<div style="border:1px solid #f5b253;">Content here</div>
.text {color:#f5b253;}
.background {background-color:#f5b253;}
.border {border:1px solid #f5b253;}
Shades and Tints of #f5b253
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, #0d0801 is the darkest color, while #fffdfa is the lightest one.
-
#0d0801
#0d0801
rgb(13,8,1)
-
#201302
#201302
rgb(32,19,2)
-
#321f03
#321f03
rgb(50,31,3)
-
#452a04
#452a04
rgb(69,42,4)
-
#583505
#583505
rgb(88,53,5)
-
#6a4106
#6a4106
rgb(106,65,6)
-
#7d4c07
#7d4c07
rgb(125,76,7)
-
#8f5708
#8f5708
rgb(143,87,8)
-
#a26309
#a26309
rgb(162,99,9)
-
#b46e0a
#b46e0a
rgb(180,110,10)
-
#c7790c
#c7790c
rgb(199,121,12)
-
#d9850d
#d9850d
rgb(217,133,13)
-
#ec900e
#ec900e
rgb(236,144,14)
-
#f2991b
#f2991b
rgb(242,153,27)
-
#f3a12e
#f3a12e
rgb(243,161,46)
-
#f4aa40
#f4aa40
rgb(244,170,64)
-
#f5b253
#f5b253
rgb(245,178,83)
-
#f6ba66
#f6ba66
rgb(246,186,102)
-
#f7c378
#f7c378
rgb(247,195,120)
-
#f8cb8b
#f8cb8b
rgb(248,203,139)
-
#f9d39d
#f9d39d
rgb(249,211,157)
-
#fadbb0
#fadbb0
rgb(250,219,176)
-
#fbe4c2
#fbe4c2
rgb(251,228,194)
-
#fdecd5
#fdecd5
rgb(253,236,213)
-
#fef4e7
#fef4e7
rgb(254,244,231)
-
#fffdfa
#fffdfa
rgb(255,253,250)
Tones of #f5b253
A tone is produced by adding gray to any pure hue. In this case, #a8a5a0 is the less saturated color, while #fcb34c is the most saturated one.
-
#a8a5a0
#a8a5a0
rgb(168,165,160)
-
#afa699
#afa699
rgb(175,166,153)
-
#b6a792
#b6a792
rgb(182,167,146)
-
#bda88b
#bda88b
rgb(189,168,139)
-
#c4aa84
#c4aa84
rgb(196,170,132)
-
#cbab7d
#cbab7d
rgb(203,171,125)
-
#d2ac76
#d2ac76
rgb(210,172,118)
-
#d9ad6f
#d9ad6f
rgb(217,173,111)
-
#e0ae68
#e0ae68
rgb(224,174,104)
-
#e7b061
#e7b061
rgb(231,176,97)
-
#eeb15a
#eeb15a
rgb(238,177,90)
-
#f5b253
#f5b253
rgb(245,178,83)
-
#fcb34c
#fcb34c
rgb(252,179,76)
Color Blindness Simulator
Below, you can see how #f5b253 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.