#f2b677 Color Information
In a RGB color space, hex #f2b677 is composed of 94.9% red, 71.4% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.8% magenta, 50.8% yellow and 5.1% black. It has a hue angle of 30.7 degrees, a saturation of 82.6% and a lightness of 70.8%. #f2b677 color hex could be obtained by blending #ffffee with #e56d00. Closest websafe color is: #ffcc66.
-
- R 95
- G 71
- B 47
-
- C 0
- M 25
- Y 51
- K 5
● #f2b677 color description : Soft orange.
#f2b677 Color Conversion
The hexadecimal color #f2b677 has RGB values of R:242, G:182, B:119 and CMYK values of C:0, M:0.25, Y:0.51, K:0.05. Its decimal value is 15906423.
Hex triplet | f2b677 | #f2b677 |
---|---|---|
RGB Decimal | 242, 182, 119 | rgb(242,182,119) |
RGB Percent | 94.9, 71.4, 46.7 | rgb(94.9%,71.4%,46.7%) |
CMYK | 0, 25, 51, 5 | |
HSL | 30.7°, 82.6, 70.8 | hsl(30.7,82.6%,70.8%) |
HSV (or HSB) | 30.7°, 50.8, 94.9 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 78.268, 14.521, 40.348 |
---|---|
XYZ | 56.676, 53.668, 24.826 |
xyY | 0.419, 0.397, 53.668 |
CIE-LCH | 78.268, 42.881, 70.207 |
CIE-LUV | 78.268, 45.097, 48.439 |
Hunter-Lab | 73.258, 9.894, 31.189 |
Binary | 11110010, 10110110, 01110111 |
Color Schemes with #f2b677
Alternatives to #f2b677
Below, you can see some colors close to #f2b677. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2b677 Preview
This text has a font color of #f2b677.
<span style="color:#f2b677;">Text here</span>
This paragraph has a background color of #f2b677.
<p style="background-color:#f2b677;">Content here</p>
This element has a border color of #f2b677.
<div style="border:1px solid #f2b677;">Content here</div>
.text {color:#f2b677;}
.background {background-color:#f2b677;}
.border {border:1px solid #f2b677;}
Shades and Tints of #f2b677
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, #070401 is the darkest color, while #fef9f4 is the lightest one.
-
#070401
#070401
rgb(7,4,1)
-
#190e02
#190e02
rgb(25,14,2)
-
#2b1804
#2b1804
rgb(43,24,4)
-
#3d2206
#3d2206
rgb(61,34,6)
-
#4f2c08
#4f2c08
rgb(79,44,8)
-
#613609
#613609
rgb(97,54,9)
-
#73400b
#73400b
rgb(115,64,11)
-
#854a0d
#854a0d
rgb(133,74,13)
-
#96540e
#96540e
rgb(150,84,14)
-
#a85e10
#a85e10
rgb(168,94,16)
-
#ba6812
#ba6812
rgb(186,104,18)
-
#cc7214
#cc7214
rgb(204,114,20)
-
#de7c15
#de7c15
rgb(222,124,21)
-
#e9861d
#e9861d
rgb(233,134,29)
-
#eb902f
#eb902f
rgb(235,144,47)
-
#ed9941
#ed9941
rgb(237,153,65)
-
#efa353
#efa353
rgb(239,163,83)
-
#f0ac65
#f0ac65
rgb(240,172,101)
-
#f2b677
#f2b677
rgb(242,182,119)
-
#f4c089
#f4c089
rgb(244,192,137)
-
#f5c99b
#f5c99b
rgb(245,201,155)
-
#f7d3ad
#f7d3ad
rgb(247,211,173)
-
#f9dcbf
#f9dcbf
rgb(249,220,191)
-
#fbe6d1
#fbe6d1
rgb(251,230,209)
-
#fcf0e2
#fcf0e2
rgb(252,240,226)
-
#fef9f4
#fef9f4
rgb(254,249,244)
Tones of #f2b677
A tone is produced by adding gray to any pure hue. In this case, #b9b5b0 is the less saturated color, while #fdb66c is the most saturated one.
-
#b9b5b0
#b9b5b0
rgb(185,181,176)
-
#beb5ab
#beb5ab
rgb(190,181,171)
-
#c4b5a5
#c4b5a5
rgb(196,181,165)
-
#cab59f
#cab59f
rgb(202,181,159)
-
#d0b599
#d0b599
rgb(208,181,153)
-
#d5b594
#d5b594
rgb(213,181,148)
-
#dbb58e
#dbb58e
rgb(219,181,142)
-
#e1b688
#e1b688
rgb(225,182,136)
-
#e7b682
#e7b682
rgb(231,182,130)
-
#ecb67d
#ecb67d
rgb(236,182,125)
-
#f2b677
#f2b677
rgb(242,182,119)
-
#f8b671
#f8b671
rgb(248,182,113)
-
#fdb66c
#fdb66c
rgb(253,182,108)
Color Blindness Simulator
Below, you can see how #f2b677 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.