#f7ccbc Color Information
In a RGB color space, hex #f7ccbc is composed of 96.9% red, 80% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 23.9% yellow and 3.1% black. It has a hue angle of 16.3 degrees, a saturation of 78.7% and a lightness of 85.3%. #f7ccbc color hex could be obtained by blending #ffffff with #ef9979. Closest websafe color is: #ffcccc.
-
- R 97
- G 80
- B 74
-
- C 0
- M 17
- Y 24
- K 3
● #f7ccbc color description : Very soft orange.
#f7ccbc Color Conversion
The hexadecimal color #f7ccbc has RGB values of R:247, G:204, B:188 and CMYK values of C:0, M:0.17, Y:0.24, K:0.03. Its decimal value is 16239804.
Hex triplet | f7ccbc | #f7ccbc |
---|---|---|
RGB Decimal | 247, 204, 188 | rgb(247,204,188) |
RGB Percent | 96.9, 80, 73.7 | rgb(96.9%,80%,73.7%) |
CMYK | 0, 17, 24, 3 | |
HSL | 16.3°, 78.7, 85.3 | hsl(16.3,78.7%,85.3%) |
HSV (or HSB) | 16.3°, 23.9, 96.9 | |
Web Safe | ffcccc | #ffcccc |
CIE-LAB | 85.298, 12.803, 13.659 |
---|---|
XYZ | 69.027, 66.593, 56.792 |
xyY | 0.359, 0.346, 66.593 |
CIE-LCH | 85.298, 18.721, 46.854 |
CIE-LUV | 85.298, 27.871, 17.369 |
Hunter-Lab | 81.604, 8.181, 15.861 |
Binary | 11110111, 11001100, 10111100 |
Color Schemes with #f7ccbc
Alternatives to #f7ccbc
Below, you can see some colors close to #f7ccbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7ccbc Preview
This text has a font color of #f7ccbc.
<span style="color:#f7ccbc;">Text here</span>
This paragraph has a background color of #f7ccbc.
<p style="background-color:#f7ccbc;">Content here</p>
This element has a border color of #f7ccbc.
<div style="border:1px solid #f7ccbc;">Content here</div>
.text {color:#f7ccbc;}
.background {background-color:#f7ccbc;}
.border {border:1px solid #f7ccbc;}
Shades and Tints of #f7ccbc
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, #030100 is the darkest color, while #fdf4f1 is the lightest one.
-
#030100
#030100
rgb(3,1,0)
-
#150702
#150702
rgb(21,7,2)
-
#260e05
#260e05
rgb(38,14,5)
-
#381407
#381407
rgb(56,20,7)
-
#491a09
#491a09
rgb(73,26,9)
-
#5b200b
#5b200b
rgb(91,32,11)
-
#6c270d
#6c270d
rgb(108,39,13)
-
#7e2d0f
#7e2d0f
rgb(126,45,15)
-
#8f3311
#8f3311
rgb(143,51,17)
-
#a13a13
#a13a13
rgb(161,58,19)
-
#b24015
#b24015
rgb(178,64,21)
-
#c44617
#c44617
rgb(196,70,23)
-
#d54c19
#d54c19
rgb(213,76,25)
-
#e4541e
#e4541e
rgb(228,84,30)
-
#e66130
#e66130
rgb(230,97,48)
-
#e86f41
#e86f41
rgb(232,111,65)
-
#ea7c53
#ea7c53
rgb(234,124,83)
-
#ed8964
#ed8964
rgb(237,137,100)
-
#ef9776
#ef9776
rgb(239,151,118)
-
#f1a487
#f1a487
rgb(241,164,135)
-
#f3b199
#f3b199
rgb(243,177,153)
-
#f5bfaa
#f5bfaa
rgb(245,191,170)
-
#f7ccbc
#f7ccbc
rgb(247,204,188)
-
#f9d9ce
#f9d9ce
rgb(249,217,206)
-
#fbe7df
#fbe7df
rgb(251,231,223)
-
#fdf4f1
#fdf4f1
rgb(253,244,241)
Tones of #f7ccbc
A tone is produced by adding gray to any pure hue. In this case, #dad9d9 is the less saturated color, while #fdc9b6 is the most saturated one.
-
#dad9d9
#dad9d9
rgb(218,217,217)
-
#ddd8d6
#ddd8d6
rgb(221,216,214)
-
#e0d7d3
#e0d7d3
rgb(224,215,211)
-
#e3d5d0
#e3d5d0
rgb(227,213,208)
-
#e6d4cd
#e6d4cd
rgb(230,212,205)
-
#e9d3ca
#e9d3ca
rgb(233,211,202)
-
#ebd1c8
#ebd1c8
rgb(235,209,200)
-
#eed0c5
#eed0c5
rgb(238,208,197)
-
#f1cfc2
#f1cfc2
rgb(241,207,194)
-
#f4cdbf
#f4cdbf
rgb(244,205,191)
-
#f7ccbc
#f7ccbc
rgb(247,204,188)
-
#facbb9
#facbb9
rgb(250,203,185)
-
#fdc9b6
#fdc9b6
rgb(253,201,182)
Color Blindness Simulator
Below, you can see how #f7ccbc 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.