#f696d0 hex color

In a RGB color space, hex #f696d0 is composed of 96.5% red, 58.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39% magenta, 15.4% yellow and 3.5% black. It has a hue angle of 323.8 degrees, a saturation of 84.2% and a lightness of 77.6%. #f696d0 color hex could be obtained by blending #ffffff with #ed2da1. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 96
- G 59
- B 82
RGB color chart
- C 0
- M 39
- Y 15
- K 4
CMYK color chart

● #f696d0 color description : Very soft pink.

The hexadecimal color #f696d0 has RGB values of R:246, G:150, B:208 and CMYK values of C:0, M:0.39, Y:0.15, K:0.04. Its decimal value is 16160464.

Hex triplet	f696d0	`#f696d0`
RGB Decimal	246, 150, 208	`rgb(246,150,208)`
RGB Percent	96.5, 58.8, 81.6	`rgb(96.5%,58.8%,81.6%)`
CMYK	0, 39, 15, 4
HSL	323.8°, 84.2, 77.6	`hsl(323.8,84.2%,77.6%)`
HSV (or HSB)	323.8°, 39, 96.5
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	73.521, 43.757, -14.371
XYZ	60.297, 45.963, 65.367
xyY	0.351, 0.268, 45.963
CIE-LCH	73.521, 46.056, 341.818
CIE-LUV	73.521, 54.632, -29.614
Hunter-Lab	67.796, 40.114, -9.709
Binary	11110110, 10010110, 11010000

#f696d0
```
#f696d0 rgb(246,150,208)
```
#96f6bc
```
#96f6bc rgb(150,246,188)
```

Complementary Color

#ec96f6
```
#ec96f6 rgb(236,150,246)
```
#f696d0
```
#f696d0 rgb(246,150,208)
```
#f696a0
```
#f696a0 rgb(246,150,160)
```

Analogous Color

#96f6ec
```
#96f6ec rgb(150,246,236)
```
#f696d0
```
#f696d0 rgb(246,150,208)
```
#a0f696
```
#a0f696 rgb(160,246,150)
```

Split Complementary Color

#96d0f6
```
#96d0f6 rgb(150,208,246)
```
#f696d0
```
#f696d0 rgb(246,150,208)
```
#d0f696
```
#d0f696 rgb(208,246,150)
```

Triadic Color

#bc96f6
```
#bc96f6 rgb(188,150,246)
```
#f696d0
```
#f696d0 rgb(246,150,208)
```
#d0f696
```
#d0f696 rgb(208,246,150)
```
#96f6bc
```
#96f6bc rgb(150,246,188)
```

Tetradic Color

#f050b0
```
#f050b0 rgb(240,80,176)
```
#f267bb
```
#f267bb rgb(242,103,187)
```
#f47fc5
```
#f47fc5 rgb(244,127,197)
```
#f696d0
```
#f696d0 rgb(246,150,208)
```
#f8addb
```
#f8addb rgb(248,173,219)
```
#fac5e5
```
#fac5e5 rgb(250,197,229)
```
#fcdcf0
```
#fcdcf0 rgb(252,220,240)
```

Monochromatic Color

Below, you can see some colors close to #f696d0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f696e8
```
#f696e8 rgb(246,150,232)
```
#f696e0
```
#f696e0 rgb(246,150,224)
```
#f696d8
```
#f696d8 rgb(246,150,216)
```
#f696d0
```
#f696d0 rgb(246,150,208)
```
#f696c8
```
#f696c8 rgb(246,150,200)
```
#f696c0
```
#f696c0 rgb(246,150,192)
```
#f696b8
```
#f696b8 rgb(246,150,184)
```

Similar Colors

Text with hexadecimal color #f696d0

This text has a font color of #f696d0.

<span style="color:#f696d0;">Text here</span>

#f696d0 background color

This paragraph has a background color of #f696d0.

<p style="background-color:#f696d0;">Content here</p>

#f696d0 border color

This element has a border color of #f696d0.

<div style="border:1px solid #f696d0;">Content here</div>

CSS codes

.text {color:#f696d0;}

.background {background-color:#f696d0;}

.border {border:1px solid #f696d0;}

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 #fef0f8 is the lightest one.

#030002
```
#030002 rgb(3,0,2)
```
#15020e
```
#15020e rgb(21,2,14)
```
#280319
```
#280319 rgb(40,3,25)
```
#3a0525
```
#3a0525 rgb(58,5,37)
```
#4c0630
```
#4c0630 rgb(76,6,48)
```
#5e083c
```
#5e083c rgb(94,8,60)
```
#700a47
```
#700a47 rgb(112,10,71)
```
#820b53
```
#820b53 rgb(130,11,83)
```
#940d5e
```
#940d5e rgb(148,13,94)
```
#a60e6a
```
#a60e6a rgb(166,14,106)
```
#b81075
```
#b81075 rgb(184,16,117)
```
#ca1181
```
#ca1181 rgb(202,17,129)
```
#dc138d
```
#dc138d rgb(220,19,141)
```

Shade Color Variation

#eb1897
```
#eb1897 rgb(235,24,151)
```
#ed2a9f
```
#ed2a9f rgb(237,42,159)
```
#ee3ca8
```
#ee3ca8 rgb(238,60,168)
```
#f04eb0
```
#f04eb0 rgb(240,78,176)
```
#f160b8
```
#f160b8 rgb(241,96,184)
```
#f372c0
```
#f372c0 rgb(243,114,192)
```
#f484c8
```
#f484c8 rgb(244,132,200)
```
#f696d0
```
#f696d0 rgb(246,150,208)
```
#f8a8d8
```
#f8a8d8 rgb(248,168,216)
```
#f9bae0
```
#f9bae0 rgb(249,186,224)
```
#fbcce8
```
#fbcce8 rgb(251,204,232)
```
#fcdef0
```
#fcdef0 rgb(252,222,240)
```
#fef0f8
```
#fef0f8 rgb(254,240,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #cac2c7 is the less saturated color, while #ff8dd2 is the most saturated one.

#cac2c7
```
#cac2c7 rgb(202,194,199)
```
#cfbdc8
```
#cfbdc8 rgb(207,189,200)
```
#d3b9c9
```
#d3b9c9 rgb(211,185,201)
```
#d7b5ca
```
#d7b5ca rgb(215,181,202)
```
#dcb0cb
```
#dcb0cb rgb(220,176,203)
```
#e0accb
```
#e0accb rgb(224,172,203)
```
#e4a8cc
```
#e4a8cc rgb(228,168,204)
```
#e9a3cd
```
#e9a3cd rgb(233,163,205)
```
#ed9fce
```
#ed9fce rgb(237,159,206)
```
#f29acf
```
#f29acf rgb(242,154,207)
```
#f696d0
```
#f696d0 rgb(246,150,208)
```
#fa92d1
```
#fa92d1 rgb(250,146,209)
```
#ff8dd2
```
#ff8dd2 rgb(255,141,210)
```

Tone Color Variation

Below, you can see how #f696d0 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.

Monochromacy

#b9b9b9 Achromatopsia 0.005% of the population
#c5b2be Atypical Achromatopsia 0.001% of the population

Dichromacy

#adb6e2 Protanopia 1% of men
#c0b3cb Deuteranopia 1% of men
#f1a2ad Tritanopia 0.001% of the population

Trichromacy

#c7aadb Protanomaly 1% of men, 0.01% of women
#d3a9cd Deuteranomaly 6% of men, 0.4% of women
#f39eba Tritanomaly 0.01% of the population

#f696d0 hex color

#f696d0 Color Information

#f696d0 Color Conversion

Color Schemes with #f696d0

Alternatives to #f696d0

#f696d0 Preview

Shades and Tints of #f696d0

Tones of #f696d0

Color Blindness Simulator