#f7caa2 Color Information
In a RGB color space, hex #f7caa2 is composed of 96.9% red, 79.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.2% magenta, 34.4% yellow and 3.1% black. It has a hue angle of 28.2 degrees, a saturation of 84.2% and a lightness of 80.2%. #f7caa2 color hex could be obtained by blending #ffffff with #ef9545. Closest websafe color is: #ffcc99.
-
- R 97
- G 79
- B 64
-
- C 0
- M 18
- Y 34
- K 3
● #f7caa2 color description : Very soft orange.
#f7caa2 Color Conversion
The hexadecimal color #f7caa2 has RGB values of R:247, G:202, B:162 and CMYK values of C:0, M:0.18, Y:0.34, K:0.03. Its decimal value is 16239266.
Hex triplet | f7caa2 | #f7caa2 |
---|---|---|
RGB Decimal | 247, 202, 162 | rgb(247,202,162) |
RGB Percent | 96.9, 79.2, 63.5 | rgb(96.9%,79.2%,63.5%) |
CMYK | 0, 18, 34, 3 | |
HSL | 28.2°, 84.2, 80.2 | hsl(28.2,84.2%,80.2%) |
HSV (or HSB) | 28.2°, 34.4, 96.9 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 84.291, 10.475, 25.978 |
---|---|
XYZ | 66, 64.626, 43.178 |
xyY | 0.38, 0.372, 64.626 |
CIE-LCH | 84.291, 28.01, 68.039 |
CIE-LUV | 84.291, 31.54, 33.918 |
Hunter-Lab | 80.39, 5.863, 24.428 |
Binary | 11110111, 11001010, 10100010 |
Color Schemes with #f7caa2
Alternatives to #f7caa2
Below, you can see some colors close to #f7caa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7caa2 Preview
This text has a font color of #f7caa2.
<span style="color:#f7caa2;">Text here</span>
This paragraph has a background color of #f7caa2.
<p style="background-color:#f7caa2;">Content here</p>
This element has a border color of #f7caa2.
<div style="border:1px solid #f7caa2;">Content here</div>
.text {color:#f7caa2;}
.background {background-color:#f7caa2;}
.border {border:1px solid #f7caa2;}
Shades and Tints of #f7caa2
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, #0f0801 is the darkest color, while #fffdfc is the lightest one.
-
#0f0801
#0f0801
rgb(15,8,1)
-
#211103
#211103
rgb(33,17,3)
-
#331b04
#331b04
rgb(51,27,4)
-
#462406
#462406
rgb(70,36,6)
-
#582d08
#582d08
rgb(88,45,8)
-
#6a3709
#6a3709
rgb(106,55,9)
-
#7c400b
#7c400b
rgb(124,64,11)
-
#8e490c
#8e490c
rgb(142,73,12)
-
#a0530e
#a0530e
rgb(160,83,14)
-
#b25c0f
#b25c0f
rgb(178,92,15)
-
#c46511
#c46511
rgb(196,101,17)
-
#d66e12
#d66e12
rgb(214,110,18)
-
#e87814
#e87814
rgb(232,120,20)
-
#ec8224
#ec8224
rgb(236,130,36)
-
#ee8c36
#ee8c36
rgb(238,140,54)
-
#ef9748
#ef9748
rgb(239,151,72)
-
#f1a15a
#f1a15a
rgb(241,161,90)
-
#f2ab6c
#f2ab6c
rgb(242,171,108)
-
#f4b57e
#f4b57e
rgb(244,181,126)
-
#f5c090
#f5c090
rgb(245,192,144)
-
#f7caa2
#f7caa2
rgb(247,202,162)
-
#f9d4b4
#f9d4b4
rgb(249,212,180)
-
#fadfc6
#fadfc6
rgb(250,223,198)
-
#fce9d8
#fce9d8
rgb(252,233,216)
-
#fdf3ea
#fdf3ea
rgb(253,243,234)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f7caa2
A tone is produced by adding gray to any pure hue. In this case, #d0ccc9 is the less saturated color, while #ffca9a is the most saturated one.
-
#d0ccc9
#d0ccc9
rgb(208,204,201)
-
#d4ccc5
#d4ccc5
rgb(212,204,197)
-
#d8ccc1
#d8ccc1
rgb(216,204,193)
-
#dcccbd
#dcccbd
rgb(220,204,189)
-
#e0cbb9
#e0cbb9
rgb(224,203,185)
-
#e4cbb5
#e4cbb5
rgb(228,203,181)
-
#e7cbb2
#e7cbb2
rgb(231,203,178)
-
#ebcbae
#ebcbae
rgb(235,203,174)
-
#efcaaa
#efcaaa
rgb(239,202,170)
-
#f3caa6
#f3caa6
rgb(243,202,166)
-
#f7caa2
#f7caa2
rgb(247,202,162)
-
#fbca9e
#fbca9e
rgb(251,202,158)
-
#ffca9a
#ffca9a
rgb(255,202,154)
Color Blindness Simulator
Below, you can see how #f7caa2 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.