#f682bc Color Information
In a RGB color space, hex #f682bc is composed of 96.5% red, 51% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.2% magenta, 23.6% yellow and 3.5% black. It has a hue angle of 330 degrees, a saturation of 86.6% and a lightness of 73.7%. #f682bc color hex could be obtained by blending #ffffff with #ed0579. Closest websafe color is: #ff99cc.
-
- R 96
- G 51
- B 74
-
- C 0
- M 47
- Y 24
- K 4
● #f682bc color description : Soft pink.
#f682bc Color Conversion
The hexadecimal color #f682bc has RGB values of R:246, G:130, B:188 and CMYK values of C:0, M:0.47, Y:0.24, K:0.04. Its decimal value is 16155324.
Hex triplet | f682bc | #f682bc |
---|---|---|
RGB Decimal | 246, 130, 188 | rgb(246,130,188) |
RGB Percent | 96.5, 51, 73.7 | rgb(96.5%,51%,73.7%) |
CMYK | 0, 47, 24, 4 | |
HSL | 330°, 86.6, 73.7 | hsl(330,86.6%,73.7%) |
HSV (or HSB) | 330°, 47.2, 96.5 | |
Web Safe | ff99cc | #ff99cc |
CIE-LAB | 68.89, 50.915, -10.207 |
---|---|
XYZ | 55.066, 39.192, 52.239 |
xyY | 0.376, 0.268, 39.192 |
CIE-LCH | 68.89, 51.928, 348.664 |
CIE-LUV | 68.89, 69.499, -24.394 |
Hunter-Lab | 62.604, 47.45, -5.651 |
Binary | 11110110, 10000010, 10111100 |
Color Schemes with #f682bc
Alternatives to #f682bc
Below, you can see some colors close to #f682bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f682bc Preview
This text has a font color of #f682bc.
<span style="color:#f682bc;">Text here</span>
This paragraph has a background color of #f682bc.
<p style="background-color:#f682bc;">Content here</p>
This element has a border color of #f682bc.
<div style="border:1px solid #f682bc;">Content here</div>
.text {color:#f682bc;}
.background {background-color:#f682bc;}
.border {border:1px solid #f682bc;}
Shades and Tints of #f682bc
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, #030002 is the darkest color, while #fef0f7 is the lightest one.
-
#030002
#030002
rgb(3,0,2)
-
#15020b
#15020b
rgb(21,2,11)
-
#280315
#280315
rgb(40,3,21)
-
#3a041f
#3a041f
rgb(58,4,31)
-
#4c0529
#4c0529
rgb(76,5,41)
-
#5f0733
#5f0733
rgb(95,7,51)
-
#71083d
#71083d
rgb(113,8,61)
-
#830946
#830946
rgb(131,9,70)
-
#950b50
#950b50
rgb(149,11,80)
-
#a80c5a
#a80c5a
rgb(168,12,90)
-
#ba0d64
#ba0d64
rgb(186,13,100)
-
#cc0f6e
#cc0f6e
rgb(204,15,110)
-
#df1077
#df1077
rgb(223,16,119)
-
#ee1481
#ee1481
rgb(238,20,129)
-
#ef278b
#ef278b
rgb(239,39,139)
-
#f13995
#f13995
rgb(241,57,149)
-
#f24b9f
#f24b9f
rgb(242,75,159)
-
#f35da8
#f35da8
rgb(243,93,168)
-
#f570b2
#f570b2
rgb(245,112,178)
-
#f682bc
#f682bc
rgb(246,130,188)
-
#f794c6
#f794c6
rgb(247,148,198)
-
#f9a7d0
#f9a7d0
rgb(249,167,208)
-
#fab9d9
#fab9d9
rgb(250,185,217)
-
#fbcbe3
#fbcbe3
rgb(251,203,227)
-
#fddded
#fddded
rgb(253,221,237)
-
#fef0f7
#fef0f7
rgb(254,240,247)
Tones of #f682bc
A tone is produced by adding gray to any pure hue. In this case, #bdbbbc is the less saturated color, while #fb7dbc is the most saturated one.
-
#bdbbbc
#bdbbbc
rgb(189,187,188)
-
#c2b6bc
#c2b6bc
rgb(194,182,188)
-
#c8b0bc
#c8b0bc
rgb(200,176,188)
-
#cdabbc
#cdabbc
rgb(205,171,188)
-
#d2a6bc
#d2a6bc
rgb(210,166,188)
-
#d7a1bc
#d7a1bc
rgb(215,161,188)
-
#dc9cbc
#dc9cbc
rgb(220,156,188)
-
#e197bc
#e197bc
rgb(225,151,188)
-
#e791bc
#e791bc
rgb(231,145,188)
-
#ec8cbc
#ec8cbc
rgb(236,140,188)
-
#f187bc
#f187bc
rgb(241,135,188)
-
#f682bc
#f682bc
rgb(246,130,188)
-
#fb7dbc
#fb7dbc
rgb(251,125,188)
Color Blindness Simulator
Below, you can see how #f682bc 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.