#f696f3 Color Information
In a RGB color space, hex #f696f3 is composed of 96.5% red, 58.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39% magenta, 1.2% yellow and 3.5% black. It has a hue angle of 301.9 degrees, a saturation of 84.2% and a lightness of 77.6%. #f696f3 color hex could be obtained by blending #ffffff with #ed2de7. Closest websafe color is: #ff99ff.
-
- R 96
- G 59
- B 95
-
- C 0
- M 39
- Y 1
- K 4
● #f696f3 color description : Very soft magenta.
#f696f3 Color Conversion
The hexadecimal color #f696f3 has RGB values of R:246, G:150, B:243 and CMYK values of C:0, M:0.39, Y:0.01, K:0.04. Its decimal value is 16160499.
Hex triplet | f696f3 | #f696f3 |
---|---|---|
RGB Decimal | 246, 150, 243 | rgb(246,150,243) |
RGB Percent | 96.5, 58.8, 95.3 | rgb(96.5%,58.8%,95.3%) |
CMYK | 0, 39, 1, 4 | |
HSL | 301.9°, 84.2, 77.6 | hsl(301.9,84.2%,77.6%) |
HSV (or HSB) | 301.9°, 39, 96.5 | |
Web Safe | ff99ff | #ff99ff |
CIE-LAB | 74.749, 49.558, -31.652 |
---|---|
XYZ | 65.088, 47.879, 90.602 |
xyY | 0.32, 0.235, 47.879 |
CIE-LCH | 74.749, 58.803, 327.434 |
CIE-LUV | 74.749, 47.539, -58.227 |
Hunter-Lab | 69.195, 46.816, -29.197 |
Binary | 11110110, 10010110, 11110011 |
Color Schemes with #f696f3
Alternatives to #f696f3
Below, you can see some colors close to #f696f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f696f3 Preview
This text has a font color of #f696f3.
<span style="color:#f696f3;">Text here</span>
This paragraph has a background color of #f696f3.
<p style="background-color:#f696f3;">Content here</p>
This element has a border color of #f696f3.
<div style="border:1px solid #f696f3;">Content here</div>
.text {color:#f696f3;}
.background {background-color:#f696f3;}
.border {border:1px solid #f696f3;}
Shades and Tints of #f696f3
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, #030003 is the darkest color, while #fef0fd is the lightest one.
-
#030003
#030003
rgb(3,0,3)
-
#150215
#150215
rgb(21,2,21)
-
#280326
#280326
rgb(40,3,38)
-
#3a0538
#3a0538
rgb(58,5,56)
-
#4c064a
#4c064a
rgb(76,6,74)
-
#5e085b
#5e085b
rgb(94,8,91)
-
#700a6d
#700a6d
rgb(112,10,109)
-
#820b7e
#820b7e
rgb(130,11,126)
-
#940d90
#940d90
rgb(148,13,144)
-
#a60ea1
#a60ea1
rgb(166,14,161)
-
#b810b3
#b810b3
rgb(184,16,179)
-
#ca11c4
#ca11c4
rgb(202,17,196)
-
#dc13d6
#dc13d6
rgb(220,19,214)
-
#eb18e5
#eb18e5
rgb(235,24,229)
-
#ed2ae7
#ed2ae7
rgb(237,42,231)
-
#ee3ce9
#ee3ce9
rgb(238,60,233)
-
#f04eeb
#f04eeb
rgb(240,78,235)
-
#f160ed
#f160ed
rgb(241,96,237)
-
#f372ef
#f372ef
rgb(243,114,239)
-
#f484f1
#f484f1
rgb(244,132,241)
-
#f696f3
#f696f3
rgb(246,150,243)
-
#f8a8f5
#f8a8f5
rgb(248,168,245)
-
#f9baf7
#f9baf7
rgb(249,186,247)
-
#fbccf9
#fbccf9
rgb(251,204,249)
-
#fcdefb
#fcdefb
rgb(252,222,251)
-
#fef0fd
#fef0fd
rgb(254,240,253)
Tones of #f696f3
A tone is produced by adding gray to any pure hue. In this case, #cac2ca is the less saturated color, while #ff8dfb is the most saturated one.
-
#cac2ca
#cac2ca
rgb(202,194,202)
-
#cfbdce
#cfbdce
rgb(207,189,206)
-
#d3b9d2
#d3b9d2
rgb(211,185,210)
-
#d7b5d6
#d7b5d6
rgb(215,181,214)
-
#dcb0da
#dcb0da
rgb(220,176,218)
-
#e0acde
#e0acde
rgb(224,172,222)
-
#e4a8e3
#e4a8e3
rgb(228,168,227)
-
#e9a3e7
#e9a3e7
rgb(233,163,231)
-
#ed9feb
#ed9feb
rgb(237,159,235)
-
#f29aef
#f29aef
rgb(242,154,239)
-
#f696f3
#f696f3
rgb(246,150,243)
-
#fa92f7
#fa92f7
rgb(250,146,247)
-
#ff8dfb
#ff8dfb
rgb(255,141,251)
Color Blindness Simulator
Below, you can see how #f696f3 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.