#f296d3 hex color

In a RGB color space, hex #f296d3 is composed of 94.9% red, 58.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38% magenta, 12.8% yellow and 5.1% black. It has a hue angle of 320.2 degrees, a saturation of 78% and a lightness of 76.9%. #f296d3 color hex could be obtained by blending #ffffff with #e52da7. Closest websafe color is: #ff99cc.

♥
- f
- t
- g
- R 95
- G 59
- B 83
RGB color chart
- C 0
- M 38
- Y 13
- K 5
CMYK color chart

● #f296d3 color description : Very soft pink.

The hexadecimal color #f296d3 has RGB values of R:242, G:150, B:211 and CMYK values of C:0, M:0.38, Y:0.13, K:0.05. Its decimal value is 15898323.

Hex triplet	f296d3	`#f296d3`
RGB Decimal	242, 150, 211	`rgb(242,150,211)`
RGB Percent	94.9, 58.8, 82.7	`rgb(94.9%,58.8%,82.7%)`
CMYK	0, 38, 13, 5
HSL	320.2°, 78, 76.9	`hsl(320.2,78%,76.9%)`
HSV (or HSB)	320.2°, 38, 94.9
Web Safe	ff99cc	`#ff99cc`

CIE-LAB	73.152, 42.924, -16.625
XYZ	59.281, 45.396, 67.264
xyY	0.345, 0.264, 45.396
CIE-LCH	73.152, 46.031, 338.827
CIE-LUV	73.152, 51.241, -32.926
Hunter-Lab	67.376, 39.145, -12.028
Binary	11110010, 10010110, 11010011

#f296d3
```
#f296d3 rgb(242,150,211)
```
#96f2b5
```
#96f2b5 rgb(150,242,181)
```

Complementary Color

#e396f2
```
#e396f2 rgb(227,150,242)
```
#f296d3
```
#f296d3 rgb(242,150,211)
```
#f296a5
```
#f296a5 rgb(242,150,165)
```

Analogous Color

#96f2e3
```
#96f2e3 rgb(150,242,227)
```
#f296d3
```
#f296d3 rgb(242,150,211)
```
#a5f296
```
#a5f296 rgb(165,242,150)
```

Split Complementary Color

#96d3f2
```
#96d3f2 rgb(150,211,242)
```
#f296d3
```
#f296d3 rgb(242,150,211)
```
#d3f296
```
#d3f296 rgb(211,242,150)
```

Triadic Color

#b596f2
```
#b596f2 rgb(181,150,242)
```
#f296d3
```
#f296d3 rgb(242,150,211)
```
#d3f296
```
#d3f296 rgb(211,242,150)
```
#96f2b5
```
#96f2b5 rgb(150,242,181)
```

Tetradic Color

#ea52b6
```
#ea52b6 rgb(234,82,182)
```
#ec69c0
```
#ec69c0 rgb(236,105,192)
```
#ef7fc9
```
#ef7fc9 rgb(239,127,201)
```
#f296d3
```
#f296d3 rgb(242,150,211)
```
#f5addd
```
#f5addd rgb(245,173,221)
```
#f8c3e6
```
#f8c3e6 rgb(248,195,230)
```
#fadaf0
```
#fadaf0 rgb(250,218,240)
```

Monochromatic Color

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

#f296ea
```
#f296ea rgb(242,150,234)
```
#f296e2
```
#f296e2 rgb(242,150,226)
```
#f296db
```
#f296db rgb(242,150,219)
```
#f296d3
```
#f296d3 rgb(242,150,211)
```
#f296cb
```
#f296cb rgb(242,150,203)
```
#f296c4
```
#f296c4 rgb(242,150,196)
```
#f296bc
```
#f296bc rgb(242,150,188)
```

Similar Colors

Text with hexadecimal color #f296d3

This text has a font color of #f296d3.

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

#f296d3 background color

This paragraph has a background color of #f296d3.

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

#f296d3 border color

This element has a border color of #f296d3.

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

CSS codes

.text {color:#f296d3;}

.background {background-color:#f296d3;}

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

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, #11020c is the darkest color, while #ffffff is the lightest one.

#11020c
```
#11020c rgb(17,2,12)
```
#230418
```
#230418 rgb(35,4,24)
```
#340625
```
#340625 rgb(52,6,37)
```
#460931
```
#460931 rgb(70,9,49)
```
#570b3d
```
#570b3d rgb(87,11,61)
```
#680d4a
```
#680d4a rgb(104,13,74)
```
#7a0f56
```
#7a0f56 rgb(122,15,86)
```
#8b1162
```
#8b1162 rgb(139,17,98)
```
#9d136f
```
#9d136f rgb(157,19,111)
```
#ae167b
```
#ae167b rgb(174,22,123)
```
#c01887
```
#c01887 rgb(192,24,135)
```
#d11a93
```
#d11a93 rgb(209,26,147)
```
#e31ca0
```
#e31ca0 rgb(227,28,160)
```

Shade Color Variation

#e52da7
```
#e52da7 rgb(229,45,167)
```
#e73fae
```
#e73fae rgb(231,63,174)
```
#e950b6
```
#e950b6 rgb(233,80,182)
```
#ec62bd
```
#ec62bd rgb(236,98,189)
```
#ee73c4
```
#ee73c4 rgb(238,115,196)
```
#f085cc
```
#f085cc rgb(240,133,204)
```
#f296d3
```
#f296d3 rgb(242,150,211)
```
#f4a7da
```
#f4a7da rgb(244,167,218)
```
#f6b9e2
```
#f6b9e2 rgb(246,185,226)
```
#f8cae9
```
#f8cae9 rgb(248,202,233)
```
#fbdcf0
```
#fbdcf0 rgb(251,220,240)
```
#fdedf8
```
#fdedf8 rgb(253,237,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#c5c3c4
```
#c5c3c4 rgb(197,195,196)
```
#c9bfc6
```
#c9bfc6 rgb(201,191,198)
```
#cebac7
```
#cebac7 rgb(206,186,199)
```
#d2b6c9
```
#d2b6c9 rgb(210,182,201)
```
#d7b1ca
```
#d7b1ca rgb(215,177,202)
```
#dbadcc
```
#dbadcc rgb(219,173,204)
```
#e0a8cd
```
#e0a8cd rgb(224,168,205)
```
#e4a4cf
```
#e4a4cf rgb(228,164,207)
```
#e99fd0
```
#e99fd0 rgb(233,159,208)
```
#ed9bd2
```
#ed9bd2 rgb(237,155,210)
```
#f296d3
```
#f296d3 rgb(242,150,211)
```
#f791d4
```
#f791d4 rgb(247,145,212)
```
#fb8dd6
```
#fb8dd6 rgb(251,141,214)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c4b1bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab5e5 Protanopia 1% of men
#bdb3ce Deuteranopia 1% of men
#eda3ae Tritanopia 0.001% of the population

Trichromacy

#c4aade Protanomaly 1% of men, 0.01% of women
#d0a8d0 Deuteranomaly 6% of men, 0.4% of women
#ef9ebb Tritanomaly 0.01% of the population

#f296d3 hex color

#f296d3 Color Information

#f296d3 Color Conversion

Color Schemes with #f296d3

Alternatives to #f296d3

#f296d3 Preview

Shades and Tints of #f296d3

Tones of #f296d3

Color Blindness Simulator