#f2a5b0 hex color

In a RGB color space, hex #f2a5b0 is composed of 94.9% red, 64.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 27.3% yellow and 5.1% black. It has a hue angle of 351.4 degrees, a saturation of 74.8% and a lightness of 79.8%. #f2a5b0 color hex could be obtained by blending #ffffff with #e54b61. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 65
- B 69
RGB color chart
- C 0
- M 32
- Y 27
- K 5
CMYK color chart

● #f2a5b0 color description : Very soft red.

The hexadecimal color #f2a5b0 has RGB values of R:242, G:165, B:176 and CMYK values of C:0, M:0.32, Y:0.27, K:0.05. Its decimal value is 15902128.

Hex triplet	f2a5b0	`#f2a5b0`
RGB Decimal	242, 165, 176	`rgb(242,165,176)`
RGB Percent	94.9, 64.7, 69	`rgb(94.9%,64.7%,69%)`
CMYK	0, 32, 27, 5
HSL	351.4°, 74.8, 79.8	`hsl(351.4,74.8%,79.8%)`
HSV (or HSB)	351.4°, 31.8, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	75.405, 29.892, 5.947
XYZ	57.909, 48.925, 47.465
xyY	0.375, 0.317, 48.925
CIE-LCH	75.405, 30.478, 11.251
CIE-LUV	75.405, 49.129, 2.953
Hunter-Lab	69.946, 25.376, 8.729
Binary	11110010, 10100101, 10110000

#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#a5f2e7
```
#a5f2e7 rgb(165,242,231)
```

Complementary Color

#f2a5d7
```
#f2a5d7 rgb(242,165,215)
```
#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#f2c1a5
```
#f2c1a5 rgb(242,193,165)
```

Analogous Color

#a5d7f2
```
#a5d7f2 rgb(165,215,242)
```
#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#a5f2c1
```
#a5f2c1 rgb(165,242,193)
```

Split Complementary Color

#a5b0f2
```
#a5b0f2 rgb(165,176,242)
```
#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#b0f2a5
```
#b0f2a5 rgb(176,242,165)
```

Triadic Color

#e7a5f2
```
#e7a5f2 rgb(231,165,242)
```
#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#b0f2a5
```
#b0f2a5 rgb(176,242,165)
```
#a5f2e7
```
#a5f2e7 rgb(165,242,231)
```

Tetradic Color

#e86275
```
#e86275 rgb(232,98,117)
```
#ec7889
```
#ec7889 rgb(236,120,137)
```
#ef8f9c
```
#ef8f9c rgb(239,143,156)
```
#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#f5bbc4
```
#f5bbc4 rgb(245,187,196)
```
#f8d2d7
```
#f8d2d7 rgb(248,210,215)
```
#fce8eb
```
#fce8eb rgb(252,232,235)
```

Monochromatic Color

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

#f2a5c3
```
#f2a5c3 rgb(242,165,195)
```
#f2a5bd
```
#f2a5bd rgb(242,165,189)
```
#f2a5b6
```
#f2a5b6 rgb(242,165,182)
```
#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#f2a5aa
```
#f2a5aa rgb(242,165,170)
```
#f2a7a5
```
#f2a7a5 rgb(242,167,165)
```
#f2ada5
```
#f2ada5 rgb(242,173,165)
```

Similar Colors

Text with hexadecimal color #f2a5b0

This text has a font color of #f2a5b0.

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

#f2a5b0 background color

This paragraph has a background color of #f2a5b0.

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

#f2a5b0 border color

This element has a border color of #f2a5b0.

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

CSS codes

.text {color:#f2a5b0;}

.background {background-color:#f2a5b0;}

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

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, #0d0203 is the darkest color, while #fefbfb is the lightest one.

#0d0203
```
#0d0203 rgb(13,2,3)
```
#1e0408
```
#1e0408 rgb(30,4,8)
```
#2f070d
```
#2f070d rgb(47,7,13)
```
#400911
```
#400911 rgb(64,9,17)
```
#510c16
```
#510c16 rgb(81,12,22)
```
#630e1a
```
#630e1a rgb(99,14,26)
```
#74111f
```
#74111f rgb(116,17,31)
```
#851323
```
#851323 rgb(133,19,35)
```
#961628
```
#961628 rgb(150,22,40)
```
#a7182d
```
#a7182d rgb(167,24,45)
```
#b81b31
```
#b81b31 rgb(184,27,49)
```
#c91d36
```
#c91d36 rgb(201,29,54)
```
#db203a
```
#db203a rgb(219,32,58)
```

Shade Color Variation

#e12d47
```
#e12d47 rgb(225,45,71)
```
#e33e56
```
#e33e56 rgb(227,62,86)
```
#e64f65
```
#e64f65 rgb(230,79,101)
```
#e86074
```
#e86074 rgb(232,96,116)
```
#eb7283
```
#eb7283 rgb(235,114,131)
```
#ed8392
```
#ed8392 rgb(237,131,146)
```
#f094a1
```
#f094a1 rgb(240,148,161)
```
#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#f4b6bf
```
#f4b6bf rgb(244,182,191)
```
#f7c7ce
```
#f7c7ce rgb(247,199,206)
```
#f9d8dd
```
#f9d8dd rgb(249,216,221)
```
#fceaec
```
#fceaec rgb(252,234,236)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#cec9c9
```
#cec9c9 rgb(206,201,201)
```
#d2c5c7
```
#d2c5c7 rgb(210,197,199)
```
#d6c1c4
```
#d6c1c4 rgb(214,193,196)
```
#dabdc1
```
#dabdc1 rgb(218,189,193)
```
#deb9be
```
#deb9be rgb(222,185,190)
```
#e2b5bb
```
#e2b5bb rgb(226,181,187)
```
#e6b1b8
```
#e6b1b8 rgb(230,177,184)
```
#eaadb6
```
#eaadb6 rgb(234,173,182)
```
#eea9b3
```
#eea9b3 rgb(238,169,179)
```
#f2a5b0
```
#f2a5b0 rgb(242,165,176)
```
#f6a1ad
```
#f6a1ad rgb(246,161,173)
```
#fa9daa
```
#fa9daa rgb(250,157,170)
```
#fe99a8
```
#fe99a8 rgb(254,153,168)
```

Tone Color Variation

Below, you can see how #f2a5b0 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
#c8b8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bcbd Protanopia 1% of men
#d3b7b0 Deuteranopia 1% of men
#f2a9b5 Tritanopia 0.001% of the population

Trichromacy

#d2b3b8 Protanomaly 1% of men, 0.01% of women
#deb0b0 Deuteranomaly 6% of men, 0.4% of women
#f2a7b3 Tritanomaly 0.01% of the population

#f2a5b0 hex color

#f2a5b0 Color Information

#f2a5b0 Color Conversion

Color Schemes with #f2a5b0

Alternatives to #f2a5b0

#f2a5b0 Preview

Shades and Tints of #f2a5b0

Tones of #f2a5b0

Color Blindness Simulator