#f296a2 hex color

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

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

● #f296a2 color description : Very soft red.

The hexadecimal color #f296a2 has RGB values of R:242, G:150, B:162 and CMYK values of C:0, M:0.38, Y:0.33, K:0.05. Its decimal value is 15898274.

Hex triplet	f296a2	`#f296a2`
RGB Decimal	242, 150, 162	`rgb(242,150,162)`
RGB Percent	94.9, 58.8, 63.5	`rgb(94.9%,58.8%,63.5%)`
CMYK	0, 38, 33, 5
HSL	352.2°, 78, 76.9	`hsl(352.2,78%,76.9%)`
HSV (or HSB)	352.2°, 38, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	71.759, 35.961, 8.438
XYZ	54.046, 43.302, 39.692
xyY	0.394, 0.316, 43.302
CIE-LCH	71.759, 36.937, 13.205
CIE-LUV	71.759, 60.591, 5.035
Hunter-Lab	65.804, 31.448, 10.3
Binary	11110010, 10010110, 10100010

#f296a2
```
#f296a2 rgb(242,150,162)
```
#96f2e6
```
#96f2e6 rgb(150,242,230)
```

Complementary Color

#f296d0
```
#f296d0 rgb(242,150,208)
```
#f296a2
```
#f296a2 rgb(242,150,162)
```
#f2b896
```
#f2b896 rgb(242,184,150)
```

Analogous Color

#96d0f2
```
#96d0f2 rgb(150,208,242)
```
#f296a2
```
#f296a2 rgb(242,150,162)
```
#96f2b8
```
#96f2b8 rgb(150,242,184)
```

Split Complementary Color

#96a2f2
```
#96a2f2 rgb(150,162,242)
```
#f296a2
```
#f296a2 rgb(242,150,162)
```
#a2f296
```
#a2f296 rgb(162,242,150)
```

Triadic Color

#e696f2
```
#e696f2 rgb(230,150,242)
```
#f296a2
```
#f296a2 rgb(242,150,162)
```
#a2f296
```
#a2f296 rgb(162,242,150)
```
#96f2e6
```
#96f2e6 rgb(150,242,230)
```

Tetradic Color

#ea5266
```
#ea5266 rgb(234,82,102)
```
#ec697a
```
#ec697a rgb(236,105,122)
```
#ef7f8e
```
#ef7f8e rgb(239,127,142)
```
#f296a2
```
#f296a2 rgb(242,150,162)
```
#f5adb6
```
#f5adb6 rgb(245,173,182)
```
#f8c3ca
```
#f8c3ca rgb(248,195,202)
```
#fadade
```
#fadade rgb(250,218,222)
```

Monochromatic Color

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

#f296b9
```
#f296b9 rgb(242,150,185)
```
#f296b1
```
#f296b1 rgb(242,150,177)
```
#f296aa
```
#f296aa rgb(242,150,170)
```
#f296a2
```
#f296a2 rgb(242,150,162)
```
#f2969a
```
#f2969a rgb(242,150,154)
```
#f29996
```
#f29996 rgb(242,153,150)
```
#f2a196
```
#f2a196 rgb(242,161,150)
```

Similar Colors

Text with hexadecimal color #f296a2

This text has a font color of #f296a2.

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

#f296a2 background color

This paragraph has a background color of #f296a2.

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

#f296a2 border color

This element has a border color of #f296a2.

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

CSS codes

.text {color:#f296a2;}

.background {background-color:#f296a2;}

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

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

#110204
```
#110204 rgb(17,2,4)
```
#230408
```
#230408 rgb(35,4,8)
```
#34060c
```
#34060c rgb(52,6,12)
```
#460911
```
#460911 rgb(70,9,17)
```
#570b15
```
#570b15 rgb(87,11,21)
```
#680d19
```
#680d19 rgb(104,13,25)
```
#7a0f1d
```
#7a0f1d rgb(122,15,29)
```
#8b1121
```
#8b1121 rgb(139,17,33)
```
#9d1325
```
#9d1325 rgb(157,19,37)
```
#ae1629
```
#ae1629 rgb(174,22,41)
```
#c0182e
```
#c0182e rgb(192,24,46)
```
#d11a32
```
#d11a32 rgb(209,26,50)
```
#e31c36
```
#e31c36 rgb(227,28,54)
```

Shade Color Variation

#e52d45
```
#e52d45 rgb(229,45,69)
```
#e73f55
```
#e73f55 rgb(231,63,85)
```
#e95064
```
#e95064 rgb(233,80,100)
```
#ec6274
```
#ec6274 rgb(236,98,116)
```
#ee7383
```
#ee7383 rgb(238,115,131)
```
#f08593
```
#f08593 rgb(240,133,147)
```
#f296a2
```
#f296a2 rgb(242,150,162)
```
#f4a7b1
```
#f4a7b1 rgb(244,167,177)
```
#f6b9c1
```
#f6b9c1 rgb(246,185,193)
```
#f8cad0
```
#f8cad0 rgb(248,202,208)
```
#fbdce0
```
#fbdce0 rgb(251,220,224)
```
#fdedef
```
#fdedef rgb(253,237,239)
```
#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 #fb8d9b is the most saturated one.

#c5c3c4
```
#c5c3c4 rgb(197,195,196)
```
#c9bfc0
```
#c9bfc0 rgb(201,191,192)
```
#cebabd
```
#cebabd rgb(206,186,189)
```
#d2b6b9
```
#d2b6b9 rgb(210,182,185)
```
#d7b1b6
```
#d7b1b6 rgb(215,177,182)
```
#dbadb3
```
#dbadb3 rgb(219,173,179)
```
#e0a8af
```
#e0a8af rgb(224,168,175)
```
#e4a4ac
```
#e4a4ac rgb(228,164,172)
```
#e99fa9
```
#e99fa9 rgb(233,159,169)
```
#ed9ba5
```
#ed9ba5 rgb(237,155,165)
```
#f296a2
```
#f296a2 rgb(242,150,162)
```
#f7919f
```
#f7919f rgb(247,145,159)
```
#fb8d9b
```
#fb8d9b rgb(251,141,155)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#c0adb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b3b2 Protanopia 1% of men
#cbada1 Deuteranopia 1% of men
#f29ba6 Tritanopia 0.001% of the population

Trichromacy

#cca8ac Protanomaly 1% of men, 0.01% of women
#d9a5a1 Deuteranomaly 6% of men, 0.4% of women
#f299a4 Tritanomaly 0.01% of the population

#f296a2 hex color

#f296a2 Color Information

#f296a2 Color Conversion

Color Schemes with #f296a2

Alternatives to #f296a2

#f296a2 Preview

Shades and Tints of #f296a2

Tones of #f296a2

Color Blindness Simulator