#f097fa hex color

In a RGB color space, hex #f097fa is composed of 94.1% red, 59.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 4% cyan, 39.6% magenta, 0% yellow and 2% black. It has a hue angle of 293.9 degrees, a saturation of 90.8% and a lightness of 78.6%. #f097fa color hex could be obtained by blending #ffffff with #e12ff5. Closest websafe color is: #ff99ff.

♥
- f
- t
- g
- R 94
- G 59
- B 98
RGB color chart
- C 4
- M 40
- Y 0
- K 2
CMYK color chart

● #f097fa color description : Very soft magenta.

The hexadecimal color #f097fa has RGB values of R:240, G:151, B:250 and CMYK values of C:0.04, M:0.4, Y:0, K:0.02. Its decimal value is 15767546.

Hex triplet	f097fa	`#f097fa`
RGB Decimal	240, 151, 250	`rgb(240,151,250)`
RGB Percent	94.1, 59.2, 98	`rgb(94.1%,59.2%,98%)`
CMYK	4, 40, 0, 2
HSL	293.9°, 90.8, 78.6	`hsl(293.9,90.8%,78.6%)`
HSV (or HSB)	293.9°, 39.6, 98
Web Safe	ff99ff	`#ff99ff`

CIE-LAB	74.548, 48.532, -35.816
XYZ	64.255, 47.563, 96.233
xyY	0.309, 0.229, 47.563
CIE-LCH	74.548, 60.317, 323.573
CIE-LUV	74.548, 41.845, -64.857
Hunter-Lab	68.966, 45.617, -34.456
Binary	11110000, 10010111, 11111010

#f097fa
```
#f097fa rgb(240,151,250)
```
#a1fa97
```
#a1fa97 rgb(161,250,151)
```

Complementary Color

#bf97fa
```
#bf97fa rgb(191,151,250)
```
#f097fa
```
#f097fa rgb(240,151,250)
```
#fa97d3
```
#fa97d3 rgb(250,151,211)
```

Analogous Color

#97fabf
```
#97fabf rgb(151,250,191)
```
#f097fa
```
#f097fa rgb(240,151,250)
```
#d3fa97
```
#d3fa97 rgb(211,250,151)
```

Split Complementary Color

#97faf0
```
#97faf0 rgb(151,250,240)
```
#f097fa
```
#f097fa rgb(240,151,250)
```
#faf097
```
#faf097 rgb(250,240,151)
```

Triadic Color

#97a1fa
```
#97a1fa rgb(151,161,250)
```
#f097fa
```
#f097fa rgb(240,151,250)
```
#faf097
```
#faf097 rgb(250,240,151)
```
#a1fa97
```
#a1fa97 rgb(161,250,151)
```

Tetradic Color

#e54ef6
```
#e54ef6 rgb(229,78,246)
```
#e966f8
```
#e966f8 rgb(233,102,248)
```
#ec7ff9
```
#ec7ff9 rgb(236,127,249)
```
#f097fa
```
#f097fa rgb(240,151,250)
```
#f4affb
```
#f4affb rgb(244,175,251)
```
#f7c8fc
```
#f7c8fc rgb(247,200,252)
```
#fbe0fe
```
#fbe0fe rgb(251,224,254)
```

Monochromatic Color

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

#d797fa
```
#d797fa rgb(215,151,250)
```
#e097fa
```
#e097fa rgb(224,151,250)
```
#e897fa
```
#e897fa rgb(232,151,250)
```
#f097fa
```
#f097fa rgb(240,151,250)
```
#f897fa
```
#f897fa rgb(248,151,250)
```
#fa97f4
```
#fa97f4 rgb(250,151,244)
```
#fa97eb
```
#fa97eb rgb(250,151,235)
```

Similar Colors

Text with hexadecimal color #f097fa

This text has a font color of #f097fa.

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

#f097fa background color

This paragraph has a background color of #f097fa.

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

#f097fa border color

This element has a border color of #f097fa.

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

CSS codes

.text {color:#f097fa;}

.background {background-color:#f097fa;}

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

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

#070008
```
#070008 rgb(7,0,8)
```
#18011b
```
#18011b rgb(24,1,27)
```
#29022e
```
#29022e rgb(41,2,46)
```
#3a0340
```
#3a0340 rgb(58,3,64)
```
#4b0453
```
#4b0453 rgb(75,4,83)
```
#5c0566
```
#5c0566 rgb(92,5,102)
```
#6d0679
```
#6d0679 rgb(109,6,121)
```
#7e078b
```
#7e078b rgb(126,7,139)
```
#8f089e
```
#8f089e rgb(143,8,158)
```
#a008b1
```
#a008b1 rgb(160,8,177)
```
#b109c3
```
#b109c3 rgb(177,9,195)
```
#c20ad6
```
#c20ad6 rgb(194,10,214)
```
#d20be9
```
#d20be9 rgb(210,11,233)
```

Shade Color Variation

#dd14f4
```
#dd14f4 rgb(221,20,244)
```
#e027f5
```
#e027f5 rgb(224,39,245)
```
#e339f6
```
#e339f6 rgb(227,57,246)
```
#e54cf6
```
#e54cf6 rgb(229,76,246)
```
#e85ff7
```
#e85ff7 rgb(232,95,247)
```
#eb72f8
```
#eb72f8 rgb(235,114,248)
```
#ed84f9
```
#ed84f9 rgb(237,132,249)
```
#f097fa
```
#f097fa rgb(240,151,250)
```
#f3aafb
```
#f3aafb rgb(243,170,251)
```
#f5bcfc
```
#f5bcfc rgb(245,188,252)
```
#f8cffd
```
#f8cffd rgb(248,207,253)
```
#fbe2fe
```
#fbe2fe rgb(251,226,254)
```
#fdf5fe
```
#fdf5fe rgb(253,245,254)
```

Tint Color Variation

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

#cbc5cc
```
#cbc5cc rgb(203,197,204)
```
#cfc1d0
```
#cfc1d0 rgb(207,193,208)
```
#d2bdd4
```
#d2bdd4 rgb(210,189,212)
```
#d5b9d8
```
#d5b9d8 rgb(213,185,216)
```
#d9b4dd
```
#d9b4dd rgb(217,180,221)
```
#dcb0e1
```
#dcb0e1 rgb(220,176,225)
```
#dface5
```
#dface5 rgb(223,172,229)
```
#e3a8e9
```
#e3a8e9 rgb(227,168,233)
```
#e6a4ed
```
#e6a4ed rgb(230,164,237)
```
#e99ff2
```
#e99ff2 rgb(233,159,242)
```
#ed9bf6
```
#ed9bf6 rgb(237,155,246)
```
#f097fa
```
#f097fa rgb(240,151,250)
```
#f393fe
```
#f393fe rgb(243,147,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c7b5c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b8ff Protanopia 1% of men
#acb8f1 Deuteranopia 1% of men
#e6abb7 Tritanopia 0.001% of the population

Trichromacy

#bfacfd Protanomaly 1% of men, 0.01% of women
#c5acf4 Deuteranomaly 6% of men, 0.4% of women
#e9a4cf Tritanomaly 0.01% of the population

#f097fa hex color

#f097fa Color Information

#f097fa Color Conversion

Color Schemes with #f097fa

Alternatives to #f097fa

#f097fa Preview

Shades and Tints of #f097fa

Tones of #f097fa

Color Blindness Simulator