#f685b2 Color Information
In a RGB color space, hex #f685b2 is composed of 96.5% red, 52.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 27.6% yellow and 3.5% black. It has a hue angle of 336.1 degrees, a saturation of 86.3% and a lightness of 74.3%. #f685b2 color hex could be obtained by blending #ffffff with #ed0b65. Closest websafe color is: #ff9999.
-
- R 96
- G 52
- B 70
-
- C 0
- M 46
- Y 28
- K 4
● #f685b2 color description : Soft pink.
#f685b2 Color Conversion
The hexadecimal color #f685b2 has RGB values of R:246, G:133, B:178 and CMYK values of C:0, M:0.46, Y:0.28, K:0.04. Its decimal value is 16156082.
Hex triplet | f685b2 | #f685b2 |
---|---|---|
RGB Decimal | 246, 133, 178 | rgb(246,133,178) |
RGB Percent | 96.5, 52.2, 69.8 | rgb(96.5%,52.2%,69.8%) |
CMYK | 0, 46, 28, 4 | |
HSL | 336.1°, 86.3, 74.3 | hsl(336.1,86.3%,74.3%) |
HSV (or HSB) | 336.1°, 45.9, 96.5 | |
Web Safe | ff9999 | #ff9999 |
CIE-LAB | 69.173, 48.084, -4.183 |
---|---|
XYZ | 54.43, 39.586, 46.891 |
xyY | 0.386, 0.281, 39.586 |
CIE-LCH | 69.173, 48.266, 355.028 |
CIE-LUV | 69.173, 70.268, -15.04 |
Hunter-Lab | 62.917, 44.315, -0.146 |
Binary | 11110110, 10000101, 10110010 |
Color Schemes with #f685b2
Alternatives to #f685b2
Below, you can see some colors close to #f685b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f685b2 Preview
This text has a font color of #f685b2.
<span style="color:#f685b2;">Text here</span>
This paragraph has a background color of #f685b2.
<p style="background-color:#f685b2;">Content here</p>
This element has a border color of #f685b2.
<div style="border:1px solid #f685b2;">Content here</div>
.text {color:#f685b2;}
.background {background-color:#f685b2;}
.border {border:1px solid #f685b2;}
Shades and Tints of #f685b2
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)
-
#18020b
#18020b
rgb(24,2,11)
-
#2a0313
#2a0313
rgb(42,3,19)
-
#3d041b
#3d041b
rgb(61,4,27)
-
#4f0623
#4f0623
rgb(79,6,35)
-
#61072b
#61072b
rgb(97,7,43)
-
#730933
#730933
rgb(115,9,51)
-
#860a3b
#860a3b
rgb(134,10,59)
-
#980b43
#980b43
rgb(152,11,67)
-
#aa0d4b
#aa0d4b
rgb(170,13,75)
-
#bd0e53
#bd0e53
rgb(189,14,83)
-
#cf0f5c
#cf0f5c
rgb(207,15,92)
-
#e11164
#e11164
rgb(225,17,100)
-
#ee176d
#ee176d
rgb(238,23,109)
-
#ef2a78
#ef2a78
rgb(239,42,120)
-
#f13c84
#f13c84
rgb(241,60,132)
-
#f24e8f
#f24e8f
rgb(242,78,143)
-
#f3609b
#f3609b
rgb(243,96,155)
-
#f573a6
#f573a6
rgb(245,115,166)
-
#f685b2
#f685b2
rgb(246,133,178)
-
#f797be
#f797be
rgb(247,151,190)
-
#f9aac9
#f9aac9
rgb(249,170,201)
-
#fabcd5
#fabcd5
rgb(250,188,213)
-
#fbcee0
#fbcee0
rgb(251,206,224)
-
#fde0ec
#fde0ec
rgb(253,224,236)
-
#fef3f7
#fef3f7
rgb(254,243,247)
Tones of #f685b2
A tone is produced by adding gray to any pure hue. In this case, #bfbcbd is the less saturated color, while #fb80b1 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)
-
#d3a8b9
#d3a8b9
rgb(211,168,185)
-
#d8a3b8
#d8a3b8
rgb(216,163,184)
-
#dd9eb7
#dd9eb7
rgb(221,158,183)
-
#e299b6
#e299b6
rgb(226,153,182)
-
#e794b5
#e794b5
rgb(231,148,181)
-
#ec8fb4
#ec8fb4
rgb(236,143,180)
-
#f18ab3
#f18ab3
rgb(241,138,179)
-
#f685b2
#f685b2
rgb(246,133,178)
-
#fb80b1
#fb80b1
rgb(251,128,177)
Color Blindness Simulator
Below, you can see how #f685b2 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.