#f695fd hex color

In a RGB color space, hex #f695fd is composed of 96.5% red, 58.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 41.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 296 degrees, a saturation of 96.3% and a lightness of 78.8%. #f695fd color hex could be obtained by blending #ffffff with #ed2bfb. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 96
- G 58
- B 99
RGB color chart
- C 3
- M 41
- Y 0
- K 1
CMYK color chart

● #f695fd color description : Very soft magenta.

The hexadecimal color #f695fd has RGB values of R:246, G:149, B:253 and CMYK values of C:0.03, M:0.41, Y:0, K:0.01. Its decimal value is 16160253.

Hex triplet	f695fd	`#f695fd`
RGB Decimal	246, 149, 253	`rgb(246,149,253)`
RGB Percent	96.5, 58.4, 99.2	`rgb(96.5%,58.4%,99.2%)`
CMYK	3, 41, 0, 1
HSL	296°, 96.3, 78.8	`hsl(296,96.3%,78.8%)`
HSV (or HSB)	296°, 41.1, 99.2
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	74.94, 51.856, -36.782
XYZ	66.481, 48.182, 98.721
xyY	0.312, 0.226, 48.182
CIE-LCH	74.94, 63.576, 324.652
CIE-LUV	74.94, 45.951, -67.034
Hunter-Lab	69.413, 49.487, -35.734
Binary	11110110, 10010101, 11111101

#f695fd
```
#f695fd rgb(246,149,253)
```
#9cfd95
```
#9cfd95 rgb(156,253,149)
```

Complementary Color

#c295fd
```
#c295fd rgb(194,149,253)
```
#f695fd
```
#f695fd rgb(246,149,253)
```
#fd95d0
```
#fd95d0 rgb(253,149,208)
```

Analogous Color

#95fdc2
```
#95fdc2 rgb(149,253,194)
```
#f695fd
```
#f695fd rgb(246,149,253)
```
#d0fd95
```
#d0fd95 rgb(208,253,149)
```

Split Complementary Color

#95fdf6
```
#95fdf6 rgb(149,253,246)
```
#f695fd
```
#f695fd rgb(246,149,253)
```
#fdf695
```
#fdf695 rgb(253,246,149)
```

Triadic Color

#959cfd
```
#959cfd rgb(149,156,253)
```
#f695fd
```
#f695fd rgb(246,149,253)
```
#fdf695
```
#fdf695 rgb(253,246,149)
```
#9cfd95
```
#9cfd95 rgb(156,253,149)
```

Tetradic Color

#f04afc
```
#f04afc rgb(240,74,252)
```
#f263fc
```
#f263fc rgb(242,99,252)
```
#f47cfd
```
#f47cfd rgb(244,124,253)
```
#f695fd
```
#f695fd rgb(246,149,253)
```
#f8aefd
```
#f8aefd rgb(248,174,253)
```
#fac7fe
```
#fac7fe rgb(250,199,254)
```
#fce0fe
```
#fce0fe rgb(252,224,254)
```

Monochromatic Color

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

#dc95fd
```
#dc95fd rgb(220,149,253)
```
#e595fd
```
#e595fd rgb(229,149,253)
```
#ed95fd
```
#ed95fd rgb(237,149,253)
```
#f695fd
```
#f695fd rgb(246,149,253)
```
#fd95fb
```
#fd95fb rgb(253,149,251)
```
#fd95f3
```
#fd95f3 rgb(253,149,243)
```
#fd95ea
```
#fd95ea rgb(253,149,234)
```

Similar Colors

Text with hexadecimal color #f695fd

This text has a font color of #f695fd.

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

#f695fd background color

This paragraph has a background color of #f695fd.

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

#f695fd border color

This element has a border color of #f695fd.

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

CSS codes

.text {color:#f695fd;}

.background {background-color:#f695fd;}

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

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, #09000a is the darkest color, while #fef5ff is the lightest one.

#09000a
```
#09000a rgb(9,0,10)
```
#1b011d
```
#1b011d rgb(27,1,29)
```
#2d0130
```
#2d0130 rgb(45,1,48)
```
#3f0143
```
#3f0143 rgb(63,1,67)
```
#510257
```
#510257 rgb(81,2,87)
```
#63026a
```
#63026a rgb(99,2,106)
```
#75027d
```
#75027d rgb(117,2,125)
```
#870390
```
#870390 rgb(135,3,144)
```
#9903a4
```
#9903a4 rgb(153,3,164)
```
#ab03b7
```
#ab03b7 rgb(171,3,183)
```
#bd04ca
```
#bd04ca rgb(189,4,202)
```
#cf04dd
```
#cf04dd rgb(207,4,221)
```
#e105f1
```
#e105f1 rgb(225,5,241)
```

Shade Color Variation

#eb0efa
```
#eb0efa rgb(235,14,250)
```
#ec21fb
```
#ec21fb rgb(236,33,251)
```
#ee35fb
```
#ee35fb rgb(238,53,251)
```
#ef48fc
```
#ef48fc rgb(239,72,252)
```
#f15bfc
```
#f15bfc rgb(241,91,252)
```
#f36efc
```
#f36efc rgb(243,110,252)
```
#f482fd
```
#f482fd rgb(244,130,253)
```
#f695fd
```
#f695fd rgb(246,149,253)
```
#f8a8fd
```
#f8a8fd rgb(248,168,253)
```
#f9bcfe
```
#f9bcfe rgb(249,188,254)
```
#fbcffe
```
#fbcffe rgb(251,207,254)
```
#fde2fe
```
#fde2fe rgb(253,226,254)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#cbc7cb
```
#cbc7cb rgb(203,199,203)
```
#cec3cf
```
#cec3cf rgb(206,195,207)
```
#d2bfd3
```
#d2bfd3 rgb(210,191,211)
```
#d6bad8
```
#d6bad8 rgb(214,186,216)
```
#d9b6dc
```
#d9b6dc rgb(217,182,220)
```
#ddb2e0
```
#ddb2e0 rgb(221,178,224)
```
#e0aee4
```
#e0aee4 rgb(224,174,228)
```
#e4aae8
```
#e4aae8 rgb(228,170,232)
```
#e8a6ec
```
#e8a6ec rgb(232,166,236)
```
#eba1f1
```
#eba1f1 rgb(235,161,241)
```
#ef9df5
```
#ef9df5 rgb(239,157,245)
```
#f299f9
```
#f299f9 rgb(242,153,249)
```
#f695fd
```
#f695fd rgb(246,149,253)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c9b6cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b9ff Protanopia 1% of men
#adb9f3 Deuteranopia 1% of men
#ebaab6 Tritanopia 0.001% of the population

Trichromacy

#c2acfe Protanomaly 1% of men, 0.01% of women
#c7acf6 Deuteranomaly 6% of men, 0.4% of women
#efa2d0 Tritanomaly 0.01% of the population

#f695fd hex color

#f695fd Color Information

#f695fd Color Conversion

Color Schemes with #f695fd

Alternatives to #f695fd

#f695fd Preview

Shades and Tints of #f695fd

Tones of #f695fd

Color Blindness Simulator