#f685b0 Color Information
In a RGB color space, hex #f685b0 is composed of 96.5% red, 52.2% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 28.5% yellow and 3.5% black. It has a hue angle of 337.2 degrees, a saturation of 86.3% and a lightness of 74.3%. #f685b0 color hex could be obtained by blending #ffffff with #ed0b61. Closest websafe color is: #ff9999.
-
- R 96
- G 52
- B 69
-
- C 0
- M 46
- Y 28
- K 4
● #f685b0 color description : Soft pink.
#f685b0 Color Conversion
The hexadecimal color #f685b0 has RGB values of R:246, G:133, B:176 and CMYK values of C:0, M:0.46, Y:0.28, K:0.04. Its decimal value is 16156080.
Hex triplet | f685b0 | #f685b0 |
---|---|---|
RGB Decimal | 246, 133, 176 | rgb(246,133,176) |
RGB Percent | 96.5, 52.2, 69 | rgb(96.5%,52.2%,69%) |
CMYK | 0, 46, 28, 4 | |
HSL | 337.2°, 86.3, 74.3 | hsl(337.2,86.3%,74.3%) |
HSV (or HSB) | 337.2°, 45.9, 96.5 | |
Web Safe | ff9999 | #ff9999 |
CIE-LAB | 69.116, 47.823, -3.146 |
---|---|
XYZ | 54.23, 39.506, 45.841 |
xyY | 0.389, 0.283, 39.506 |
CIE-LCH | 69.116, 47.926, 356.237 |
CIE-LUV | 69.116, 70.734, -13.498 |
Hunter-Lab | 62.854, 44.015, 0.756 |
Binary | 11110110, 10000101, 10110000 |
Color Schemes with #f685b0
Alternatives to #f685b0
Below, you can see some colors close to #f685b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f685b0 Preview
This text has a font color of #f685b0.
<span style="color:#f685b0;">Text here</span>
This paragraph has a background color of #f685b0.
<p style="background-color:#f685b0;">Content here</p>
This element has a border color of #f685b0.
<div style="border:1px solid #f685b0;">Content here</div>
.text {color:#f685b0;}
.background {background-color:#f685b0;}
.border {border:1px solid #f685b0;}
Shades and Tints of #f685b0
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, #060003 is the darkest color, while #fef3f7 is the lightest one.
-
#060003
#060003
rgb(6,0,3)
-
#18020a
#18020a
rgb(24,2,10)
-
#2a0312
#2a0312
rgb(42,3,18)
-
#3d041a
#3d041a
rgb(61,4,26)
-
#4f0622
#4f0622
rgb(79,6,34)
-
#610729
#610729
rgb(97,7,41)
-
#730931
#730931
rgb(115,9,49)
-
#860a39
#860a39
rgb(134,10,57)
-
#980b41
#980b41
rgb(152,11,65)
-
#aa0d49
#aa0d49
rgb(170,13,73)
-
#bd0e50
#bd0e50
rgb(189,14,80)
-
#cf0f58
#cf0f58
rgb(207,15,88)
-
#e11160
#e11160
rgb(225,17,96)
-
#ee1769
#ee1769
rgb(238,23,105)
-
#ef2a75
#ef2a75
rgb(239,42,117)
-
#f13c81
#f13c81
rgb(241,60,129)
-
#f24e8d
#f24e8d
rgb(242,78,141)
-
#f36098
#f36098
rgb(243,96,152)
-
#f573a4
#f573a4
rgb(245,115,164)
-
#f685b0
#f685b0
rgb(246,133,176)
-
#f797bc
#f797bc
rgb(247,151,188)
-
#f9aac8
#f9aac8
rgb(249,170,200)
-
#fabcd3
#fabcd3
rgb(250,188,211)
-
#fbcedf
#fbcedf
rgb(251,206,223)
-
#fde0eb
#fde0eb
rgb(253,224,235)
-
#fef3f7
#fef3f7
rgb(254,243,247)
Tones of #f685b0
A tone is produced by adding gray to any pure hue. In this case, #bfbcbd is the less saturated color, while #fb80af is the most saturated one.
-
#bfbcbd
#bfbcbd
rgb(191,188,189)
-
#c4b7bc
#c4b7bc
rgb(196,183,188)
-
#c9b2bb
#c9b2bb
rgb(201,178,187)
-
#ceadba
#ceadba
rgb(206,173,186)
-
#d3a8b8
#d3a8b8
rgb(211,168,184)
-
#d8a3b7
#d8a3b7
rgb(216,163,183)
-
#dd9eb6
#dd9eb6
rgb(221,158,182)
-
#e299b5
#e299b5
rgb(226,153,181)
-
#e794b4
#e794b4
rgb(231,148,180)
-
#ec8fb2
#ec8fb2
rgb(236,143,178)
-
#f18ab1
#f18ab1
rgb(241,138,177)
-
#f685b0
#f685b0
rgb(246,133,176)
-
#fb80af
#fb80af
rgb(251,128,175)
Color Blindness Simulator
Below, you can see how #f685b0 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.