#f695ae hex color

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

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

● #f695ae color description : Very soft pink.

The hexadecimal color #f695ae has RGB values of R:246, G:149, B:174 and CMYK values of C:0, M:0.39, Y:0.29, K:0.04. Its decimal value is 16160174.

Hex triplet	f695ae	`#f695ae`
RGB Decimal	246, 149, 174	`rgb(246,149,174)`
RGB Percent	96.5, 58.4, 68.2	`rgb(96.5%,58.4%,68.2%)`
CMYK	0, 39, 29, 4
HSL	344.5°, 84.3, 77.5	`hsl(344.5,84.3%,77.5%)`
HSV (or HSB)	344.5°, 39.4, 96.5
Web Safe	ff9999	`#ff9999`

CIE-LAB	72.327, 39.428, 2.66
XYZ	56.394, 44.147, 45.593
xyY	0.386, 0.302, 44.147
CIE-LCH	72.327, 39.517, 3.86
CIE-LUV	72.327, 61.937, -3.607
Hunter-Lab	66.443, 35.226, 5.826
Binary	11110110, 10010101, 10101110

#f695ae
```
#f695ae rgb(246,149,174)
```
#95f6dd
```
#95f6dd rgb(149,246,221)
```

Complementary Color

#f695df
```
#f695df rgb(246,149,223)
```
#f695ae
```
#f695ae rgb(246,149,174)
```
#f6ad95
```
#f6ad95 rgb(246,173,149)
```

Analogous Color

#95dff6
```
#95dff6 rgb(149,223,246)
```
#f695ae
```
#f695ae rgb(246,149,174)
```
#95f6ad
```
#95f6ad rgb(149,246,173)
```

Split Complementary Color

#95aef6
```
#95aef6 rgb(149,174,246)
```
#f695ae
```
#f695ae rgb(246,149,174)
```
#aef695
```
#aef695 rgb(174,246,149)
```

Triadic Color

#dd95f6
```
#dd95f6 rgb(221,149,246)
```
#f695ae
```
#f695ae rgb(246,149,174)
```
#aef695
```
#aef695 rgb(174,246,149)
```
#95f6dd
```
#95f6dd rgb(149,246,221)
```

Tetradic Color

#f04e78
```
#f04e78 rgb(240,78,120)
```
#f2668a
```
#f2668a rgb(242,102,138)
```
#f47d9c
```
#f47d9c rgb(244,125,156)
```
#f695ae
```
#f695ae rgb(246,149,174)
```
#f8adc0
```
#f8adc0 rgb(248,173,192)
```
#fac4d2
```
#fac4d2 rgb(250,196,210)
```
#fcdce4
```
#fcdce4 rgb(252,220,228)
```

Monochromatic Color

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

#f695c6
```
#f695c6 rgb(246,149,198)
```
#f695be
```
#f695be rgb(246,149,190)
```
#f695b6
```
#f695b6 rgb(246,149,182)
```
#f695ae
```
#f695ae rgb(246,149,174)
```
#f695a6
```
#f695a6 rgb(246,149,166)
```
#f6959e
```
#f6959e rgb(246,149,158)
```
#f69596
```
#f69596 rgb(246,149,150)
```

Similar Colors

Text with hexadecimal color #f695ae

This text has a font color of #f695ae.

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

#f695ae background color

This paragraph has a background color of #f695ae.

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

#f695ae border color

This element has a border color of #f695ae.

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

CSS codes

.text {color:#f695ae;}

.background {background-color:#f695ae;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#150207
```
#150207 rgb(21,2,7)
```
#27030c
```
#27030c rgb(39,3,12)
```
#390512
```
#390512 rgb(57,5,18)
```
#4b0618
```
#4b0618 rgb(75,6,24)
```
#5d081e
```
#5d081e rgb(93,8,30)
```
#6f0924
```
#6f0924 rgb(111,9,36)
```
#810b29
```
#810b29 rgb(129,11,41)
```
#930c2f
```
#930c2f rgb(147,12,47)
```
#a50e35
```
#a50e35 rgb(165,14,53)
```
#b7103b
```
#b7103b rgb(183,16,59)
```
#c91141
```
#c91141 rgb(201,17,65)
```
#db1346
```
#db1346 rgb(219,19,70)
```

Shade Color Variation

#eb164d
```
#eb164d rgb(235,22,77)
```
#ed295b
```
#ed295b rgb(237,41,91)
```
#ee3b69
```
#ee3b69 rgb(238,59,105)
```
#f04d77
```
#f04d77 rgb(240,77,119)
```
#f15f85
```
#f15f85 rgb(241,95,133)
```
#f37192
```
#f37192 rgb(243,113,146)
```
#f483a0
```
#f483a0 rgb(244,131,160)
```
#f695ae
```
#f695ae rgb(246,149,174)
```
#f8a7bc
```
#f8a7bc rgb(248,167,188)
```
#f9b9ca
```
#f9b9ca rgb(249,185,202)
```
#fbcbd7
```
#fbcbd7 rgb(251,203,215)
```
#fcdde5
```
#fcdde5 rgb(252,221,229)
```
#feeff3
```
#feeff3 rgb(254,239,243)
```

Tint Color Variation

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

#cac1c3
```
#cac1c3 rgb(202,193,195)
```
#cebdc1
```
#cebdc1 rgb(206,189,193)
```
#d3b8bf
```
#d3b8bf rgb(211,184,191)
```
#d7b4bd
```
#d7b4bd rgb(215,180,189)
```
#dbb0bb
```
#dbb0bb rgb(219,176,187)
```
#e0abb9
```
#e0abb9 rgb(224,171,185)
```
#e4a7b7
```
#e4a7b7 rgb(228,167,183)
```
#e9a2b4
```
#e9a2b4 rgb(233,162,180)
```
#ed9eb2
```
#ed9eb2 rgb(237,158,178)
```
#f299b0
```
#f299b0 rgb(242,153,176)
```
#f695ae
```
#f695ae rgb(246,149,174)
```
#fa91ac
```
#fa91ac rgb(250,145,172)
```
#ff8caa
```
#ff8caa rgb(255,140,170)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#c2afb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b4bf Protanopia 1% of men
#c9afac Deuteranopia 1% of men
#f59ca7 Tritanopia 0.001% of the population

Trichromacy

#cca8b9 Protanomaly 1% of men, 0.01% of women
#d9a5ad Deuteranomaly 6% of men, 0.4% of women
#f599a9 Tritanomaly 0.01% of the population

#f695ae hex color

#f695ae Color Information

#f695ae Color Conversion

Color Schemes with #f695ae

Alternatives to #f695ae

#f695ae Preview

Shades and Tints of #f695ae

Tones of #f695ae

Color Blindness Simulator