#f2b551 Color Information
In a RGB color space, hex #f2b551 is composed of 94.9% red, 71% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 66.5% yellow and 5.1% black. It has a hue angle of 37.3 degrees, a saturation of 86.1% and a lightness of 63.3%. #f2b551 color hex could be obtained by blending #ffffa2 with #e56b00. Closest websafe color is: #ffcc66.
-
- R 95
- G 71
- B 32
-
- C 0
- M 25
- Y 67
- K 5
● #f2b551 color description : Soft orange.
#f2b551 Color Conversion
The hexadecimal color #f2b551 has RGB values of R:242, G:181, B:81 and CMYK values of C:0, M:0.25, Y:0.67, K:0.05. Its decimal value is 15906129.
Hex triplet | f2b551 | #f2b551 |
---|---|---|
RGB Decimal | 242, 181, 81 | rgb(242,181,81) |
RGB Percent | 94.9, 71, 31.8 | rgb(94.9%,71%,31.8%) |
CMYK | 0, 25, 67, 5 | |
HSL | 37.3°, 86.1, 63.3 | hsl(37.3,86.1%,63.3%) |
HSV (or HSB) | 37.3°, 66.5, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 77.592, 12.301, 57.969 |
---|---|
XYZ | 54.628, 52.522, 15.045 |
xyY | 0.447, 0.43, 52.522 |
CIE-LCH | 77.592, 59.26, 78.019 |
CIE-LUV | 77.592, 48.765, 64.784 |
Hunter-Lab | 72.472, 7.723, 38.422 |
Binary | 11110010, 10110101, 01010001 |
Color Schemes with #f2b551
Alternatives to #f2b551
Below, you can see some colors close to #f2b551. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2b551 Preview
This text has a font color of #f2b551.
<span style="color:#f2b551;">Text here</span>
This paragraph has a background color of #f2b551.
<p style="background-color:#f2b551;">Content here</p>
This element has a border color of #f2b551.
<div style="border:1px solid #f2b551;">Content here</div>
.text {color:#f2b551;}
.background {background-color:#f2b551;}
.border {border:1px solid #f2b551;}
Shades and Tints of #f2b551
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, #090601 is the darkest color, while #fefbf5 is the lightest one.
-
#090601
#090601
rgb(9,6,1)
-
#1b1102
#1b1102
rgb(27,17,2)
-
#2d1d03
#2d1d03
rgb(45,29,3)
-
#3f2905
#3f2905
rgb(63,41,5)
-
#523506
#523506
rgb(82,53,6)
-
#644107
#644107
rgb(100,65,7)
-
#764d09
#764d09
rgb(118,77,9)
-
#88590a
#88590a
rgb(136,89,10)
-
#9b640c
#9b640c
rgb(155,100,12)
-
#ad700d
#ad700d
rgb(173,112,13)
-
#bf7c0e
#bf7c0e
rgb(191,124,14)
-
#d18810
#d18810
rgb(209,136,16)
-
#e49411
#e49411
rgb(228,148,17)
-
#ee9e1a
#ee9e1a
rgb(238,158,26)
-
#efa52c
#efa52c
rgb(239,165,44)
-
#f1ad3f
#f1ad3f
rgb(241,173,63)
-
#f2b551
#f2b551
rgb(242,181,81)
-
#f3bd63
#f3bd63
rgb(243,189,99)
-
#f5c576
#f5c576
rgb(245,197,118)
-
#f6cc88
#f6cc88
rgb(246,204,136)
-
#f7d49a
#f7d49a
rgb(247,212,154)
-
#f9dcac
#f9dcac
rgb(249,220,172)
-
#fae4bf
#fae4bf
rgb(250,228,191)
-
#fcebd1
#fcebd1
rgb(252,235,209)
-
#fdf3e3
#fdf3e3
rgb(253,243,227)
-
#fefbf5
#fefbf5
rgb(254,251,245)
Tones of #f2b551
A tone is produced by adding gray to any pure hue. In this case, #a3a2a0 is the less saturated color, while #f9b74a is the most saturated one.
-
#a3a2a0
#a3a2a0
rgb(163,162,160)
-
#aaa499
#aaa499
rgb(170,164,153)
-
#b1a592
#b1a592
rgb(177,165,146)
-
#b8a78b
#b8a78b
rgb(184,167,139)
-
#c0a983
#c0a983
rgb(192,169,131)
-
#c7ab7c
#c7ab7c
rgb(199,171,124)
-
#ceac75
#ceac75
rgb(206,172,117)
-
#d5ae6e
#d5ae6e
rgb(213,174,110)
-
#dcb067
#dcb067
rgb(220,176,103)
-
#e4b25f
#e4b25f
rgb(228,178,95)
-
#ebb358
#ebb358
rgb(235,179,88)
-
#f2b551
#f2b551
rgb(242,181,81)
-
#f9b74a
#f9b74a
rgb(249,183,74)
Color Blindness Simulator
Below, you can see how #f2b551 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.