#f695c4 hex color

In a RGB color space, hex #f695c4 is composed of 96.5% red, 58.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.4% magenta, 20.3% yellow and 3.5% black. It has a hue angle of 330.9 degrees, a saturation of 84.3% and a lightness of 77.5%. #f695c4 color hex could be obtained by blending #ffffff with #ed2b89. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 96
- G 58
- B 77
RGB color chart
- C 0
- M 39
- Y 20
- K 4
CMYK color chart

● #f695c4 color description : Very soft pink.

The hexadecimal color #f695c4 has RGB values of R:246, G:149, B:196 and CMYK values of C:0, M:0.39, Y:0.2, K:0.04. Its decimal value is 16160196.

Hex triplet	f695c4	`#f695c4`
RGB Decimal	246, 149, 196	`rgb(246,149,196)`
RGB Percent	96.5, 58.4, 76.9	`rgb(96.5%,58.4%,76.9%)`
CMYK	0, 39, 20, 4
HSL	330.9°, 84.3, 77.5	`hsl(330.9,84.3%,77.5%)`
HSV (or HSB)	330.9°, 39.4, 96.5
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	72.942, 42.467, -8.618
XYZ	58.717, 45.076, 57.83
xyY	0.363, 0.279, 45.076
CIE-LCH	72.942, 43.333, 348.528
CIE-LUV	72.942, 57.582, -20.593
Hunter-Lab	67.139, 38.615, -4.072
Binary	11110110, 10010101, 11000100

#f695c4
```
#f695c4 rgb(246,149,196)
```
#95f6c7
```
#95f6c7 rgb(149,246,199)
```

Complementary Color

#f695f5
```
#f695f5 rgb(246,149,245)
```
#f695c4
```
#f695c4 rgb(246,149,196)
```
#f69795
```
#f69795 rgb(246,151,149)
```

Analogous Color

#95f5f6
```
#95f5f6 rgb(149,245,246)
```
#f695c4
```
#f695c4 rgb(246,149,196)
```
#95f697
```
#95f697 rgb(149,246,151)
```

Split Complementary Color

#95c4f6
```
#95c4f6 rgb(149,196,246)
```
#f695c4
```
#f695c4 rgb(246,149,196)
```
#c4f695
```
#c4f695 rgb(196,246,149)
```

Triadic Color

#c795f6
```
#c795f6 rgb(199,149,246)
```
#f695c4
```
#f695c4 rgb(246,149,196)
```
#c4f695
```
#c4f695 rgb(196,246,149)
```
#95f6c7
```
#95f6c7 rgb(149,246,199)
```

Tetradic Color

#f04e9d
```
#f04e9d rgb(240,78,157)
```
#f266aa
```
#f266aa rgb(242,102,170)
```
#f47db7
```
#f47db7 rgb(244,125,183)
```
#f695c4
```
#f695c4 rgb(246,149,196)
```
#f8add1
```
#f8add1 rgb(248,173,209)
```
#fac4de
```
#fac4de rgb(250,196,222)
```
#fcdceb
```
#fcdceb rgb(252,220,235)
```

Monochromatic Color

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

#f695dc
```
#f695dc rgb(246,149,220)
```
#f695d4
```
#f695d4 rgb(246,149,212)
```
#f695cc
```
#f695cc rgb(246,149,204)
```
#f695c4
```
#f695c4 rgb(246,149,196)
```
#f695bc
```
#f695bc rgb(246,149,188)
```
#f695b4
```
#f695b4 rgb(246,149,180)
```
#f695ac
```
#f695ac rgb(246,149,172)
```

Similar Colors

Text with hexadecimal color #f695c4

This text has a font color of #f695c4.

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

#f695c4 background color

This paragraph has a background color of #f695c4.

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

#f695c4 border color

This element has a border color of #f695c4.

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

CSS codes

.text {color:#f695c4;}

.background {background-color:#f695c4;}

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

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, #020001 is the darkest color, while #feeff6 is the lightest one.

#020001
```
#020001 rgb(2,0,1)
```
#15020b
```
#15020b rgb(21,2,11)
```
#270314
```
#270314 rgb(39,3,20)
```
#39051e
```
#39051e rgb(57,5,30)
```
#4b0628
```
#4b0628 rgb(75,6,40)
```
#5d0831
```
#5d0831 rgb(93,8,49)
```
#6f093b
```
#6f093b rgb(111,9,59)
```
#810b44
```
#810b44 rgb(129,11,68)
```
#930c4e
```
#930c4e rgb(147,12,78)
```
#a50e57
```
#a50e57 rgb(165,14,87)
```
#b71061
```
#b71061 rgb(183,16,97)
```
#c9116a
```
#c9116a rgb(201,17,106)
```
#db1374
```
#db1374 rgb(219,19,116)
```

Shade Color Variation

#eb167e
```
#eb167e rgb(235,22,126)
```
#ed2988
```
#ed2988 rgb(237,41,136)
```
#ee3b92
```
#ee3b92 rgb(238,59,146)
```
#f04d9c
```
#f04d9c rgb(240,77,156)
```
#f15fa6
```
#f15fa6 rgb(241,95,166)
```
#f371b0
```
#f371b0 rgb(243,113,176)
```
#f483ba
```
#f483ba rgb(244,131,186)
```
#f695c4
```
#f695c4 rgb(246,149,196)
```
#f8a7ce
```
#f8a7ce rgb(248,167,206)
```
#f9b9d8
```
#f9b9d8 rgb(249,185,216)
```
#fbcbe2
```
#fbcbe2 rgb(251,203,226)
```
#fcddec
```
#fcddec rgb(252,221,236)
```
#feeff6
```
#feeff6 rgb(254,239,246)
```

Tint Color Variation

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

#cac1c5
```
#cac1c5 rgb(202,193,197)
```
#cebdc5
```
#cebdc5 rgb(206,189,197)
```
#d3b8c5
```
#d3b8c5 rgb(211,184,197)
```
#d7b4c5
```
#d7b4c5 rgb(215,180,197)
```
#dbb0c5
```
#dbb0c5 rgb(219,176,197)
```
#e0abc5
```
#e0abc5 rgb(224,171,197)
```
#e4a7c5
```
#e4a7c5 rgb(228,167,197)
```
#e9a2c4
```
#e9a2c4 rgb(233,162,196)
```
#ed9ec4
```
#ed9ec4 rgb(237,158,196)
```
#f299c4
```
#f299c4 rgb(242,153,196)
```
#f695c4
```
#f695c4 rgb(246,149,196)
```
#fa91c4
```
#fa91c4 rgb(250,145,196)
```
#ff8cc4
```
#ff8cc4 rgb(255,140,196)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c4b0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb5d6 Protanopia 1% of men
#c3b1c0 Deuteranopia 1% of men
#f39faa Tritanopia 0.001% of the population

Trichromacy

#c9a9cf Protanomaly 1% of men, 0.01% of women
#d5a7c1 Deuteranomaly 6% of men, 0.4% of women
#f49bb3 Tritanomaly 0.01% of the population

#f695c4 hex color

#f695c4 Color Information

#f695c4 Color Conversion

Color Schemes with #f695c4

Alternatives to #f695c4

#f695c4 Preview

Shades and Tints of #f695c4

Tones of #f695c4

Color Blindness Simulator