#f255a0 hex color

In a RGB color space, hex #f255a0 is composed of 94.9% red, 33.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.9% magenta, 33.9% yellow and 5.1% black. It has a hue angle of 331.3 degrees, a saturation of 85.8% and a lightness of 64.1%. #f255a0 color hex could be obtained by blending #ffaaff with #e50041. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 95
- G 33
- B 63
RGB color chart
- C 0
- M 65
- Y 34
- K 5
CMYK color chart

● #f255a0 color description : Soft pink.

The hexadecimal color #f255a0 has RGB values of R:242, G:85, B:160 and CMYK values of C:0, M:0.65, Y:0.34, K:0.05. Its decimal value is 15881632.

Hex triplet	f255a0	`#f255a0`
RGB Decimal	242, 85, 160	`rgb(242,85,160)`
RGB Percent	94.9, 33.3, 62.7	`rgb(94.9%,33.3%,62.7%)`
CMYK	0, 65, 34, 5
HSL	331.3°, 85.8, 64.1	`hsl(331.3,85.8%,64.1%)`
HSV (or HSB)	331.3°, 64.9, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	59.813, 66.386, -7.853
XYZ	46.212, 27.916, 36.211
xyY	0.419, 0.253, 27.916
CIE-LCH	59.813, 66.849, 353.253
CIE-LUV	59.813, 96.751, -23.568
Hunter-Lab	52.836, 63.66, -3.649
Binary	11110010, 01010101, 10100000

#f255a0
```
#f255a0 rgb(242,85,160)
```
#55f2a7
```
#55f2a7 rgb(85,242,167)
```

Complementary Color

#f255ef
```
#f255ef rgb(242,85,239)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#f25855
```
#f25855 rgb(242,88,85)
```

Analogous Color

#55eff2
```
#55eff2 rgb(85,239,242)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#55f258
```
#55f258 rgb(85,242,88)
```

Split Complementary Color

#55a0f2
```
#55a0f2 rgb(85,160,242)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#a0f255
```
#a0f255 rgb(160,242,85)
```

Triadic Color

#a755f2
```
#a755f2 rgb(167,85,242)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#a0f255
```
#a0f255 rgb(160,242,85)
```
#55f2a7
```
#55f2a7 rgb(85,242,167)
```

Tetradic Color

#e91278
```
#e91278 rgb(233,18,120)
```
#ee2686
```
#ee2686 rgb(238,38,134)
```
#f03d93
```
#f03d93 rgb(240,61,147)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#f46dad
```
#f46dad rgb(244,109,173)
```
#f684ba
```
#f684ba rgb(246,132,186)
```
#f79cc8
```
#f79cc8 rgb(247,156,200)
```

Monochromatic Color

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

#f255c7
```
#f255c7 rgb(242,85,199)
```
#f255ba
```
#f255ba rgb(242,85,186)
```
#f255ad
```
#f255ad rgb(242,85,173)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#f25593
```
#f25593 rgb(242,85,147)
```
#f25586
```
#f25586 rgb(242,85,134)
```
#f25579
```
#f25579 rgb(242,85,121)
```

Similar Colors

Text with hexadecimal color #f255a0

This text has a font color of #f255a0.

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

#f255a0 background color

This paragraph has a background color of #f255a0.

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

#f255a0 border color

This element has a border color of #f255a0.

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

CSS codes

.text {color:#f255a0;}

.background {background-color:#f255a0;}

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

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

#0c0106
```
#0c0106 rgb(12,1,6)
```
#1e0210
```
#1e0210 rgb(30,2,16)
```
#310419
```
#310419 rgb(49,4,25)
```
#430523
```
#430523 rgb(67,5,35)
```
#55072c
```
#55072c rgb(85,7,44)
```
#670835
```
#670835 rgb(103,8,53)
```
#7a093f
```
#7a093f rgb(122,9,63)
```
#8c0b48
```
#8c0b48 rgb(140,11,72)
```
#9e0c52
```
#9e0c52 rgb(158,12,82)
```
#b00d5b
```
#b00d5b rgb(176,13,91)
```
#c20f65
```
#c20f65 rgb(194,15,101)
```
#d5106e
```
#d5106e rgb(213,16,110)
```
#e71278
```
#e71278 rgb(231,18,120)
```

Shade Color Variation

#ee1e81
```
#ee1e81 rgb(238,30,129)
```
#ef318c
```
#ef318c rgb(239,49,140)
```
#f14396
```
#f14396 rgb(241,67,150)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#f367aa
```
#f367aa rgb(243,103,170)
```
#f579b4
```
#f579b4 rgb(245,121,180)
```
#f68cbf
```
#f68cbf rgb(246,140,191)
```
#f89ec9
```
#f89ec9 rgb(248,158,201)
```
#f9b0d3
```
#f9b0d3 rgb(249,176,211)
```
#fac2dd
```
#fac2dd rgb(250,194,221)
```
#fcd5e7
```
#fcd5e7 rgb(252,213,231)
```
#fde7f1
```
#fde7f1 rgb(253,231,241)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#a5a2a3
```
#a5a2a3 rgb(165,162,163)
```
#ac9ba3
```
#ac9ba3 rgb(172,155,163)
```
#b394a3
```
#b394a3 rgb(179,148,163)
```
#ba8da3
```
#ba8da3 rgb(186,141,163)
```
#c186a2
```
#c186a2 rgb(193,134,162)
```
#c87fa2
```
#c87fa2 rgb(200,127,162)
```
#cf78a2
```
#cf78a2 rgb(207,120,162)
```
#d671a1
```
#d671a1 rgb(214,113,161)
```
#dd6aa1
```
#dd6aa1 rgb(221,106,161)
```
#e463a1
```
#e463a1 rgb(228,99,161)
```
#eb5ca0
```
#eb5ca0 rgb(235,92,160)
```
#f255a0
```
#f255a0 rgb(242,85,160)
```
#f94ea0
```
#f94ea0 rgb(249,78,160)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a08190 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8794c3 Protanopia 1% of men
#a29199 Deuteranopia 1% of men
#ee6a70 Tritanopia 0.001% of the population

Trichromacy

#ae7db6 Protanomaly 1% of men, 0.01% of women
#bf7b9b Deuteranomaly 6% of men, 0.4% of women
#ef6281 Tritanomaly 0.01% of the population

#f255a0 hex color

#f255a0 Color Information

#f255a0 Color Conversion

Color Schemes with #f255a0

Alternatives to #f255a0

#f255a0 Preview

Shades and Tints of #f255a0

Tones of #f255a0

Color Blindness Simulator