#f277a0 hex color

In a RGB color space, hex #f277a0 is composed of 94.9% red, 46.7% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.8% magenta, 33.9% yellow and 5.1% black. It has a hue angle of 340 degrees, a saturation of 82.6% and a lightness of 70.8%. #f277a0 color hex could be obtained by blending #ffeeff with #e50041. Closest websafe color is: #ff6699.

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

● #f277a0 color description : Soft pink.

The hexadecimal color #f277a0 has RGB values of R:242, G:119, B:160 and CMYK values of C:0, M:0.51, Y:0.34, K:0.05. Its decimal value is 15890336.

Hex triplet	f277a0	`#f277a0`
RGB Decimal	242, 119, 160	`rgb(242,119,160)`
RGB Percent	94.9, 46.7, 62.7	`rgb(94.9%,46.7%,62.7%)`
CMYK	0, 51, 34, 5
HSL	340°, 82.6, 70.8	`hsl(340,82.6%,70.8%)`
HSV (or HSB)	340°, 50.8, 94.9
Web Safe	ff6699	`#ff6699`

CIE-LAB	65.446, 51.381, 0.449
XYZ	49.56, 34.613, 37.327
xyY	0.408, 0.285, 34.613
CIE-LCH	65.446, 51.383, 0.501
CIE-LUV	65.446, 79.447, -9.12
Hunter-Lab	58.833, 47.411, 3.566
Binary	11110010, 01110111, 10100000

#f277a0
```
#f277a0 rgb(242,119,160)
```
#77f2c9
```
#77f2c9 rgb(119,242,201)
```

Complementary Color

#f277de
```
#f277de rgb(242,119,222)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```
#f28c77
```
#f28c77 rgb(242,140,119)
```

Analogous Color

#77def2
```
#77def2 rgb(119,222,242)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```
#77f28c
```
#77f28c rgb(119,242,140)
```

Split Complementary Color

#77a0f2
```
#77a0f2 rgb(119,160,242)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```
#a0f277
```
#a0f277 rgb(160,242,119)
```

Triadic Color

#c977f2
```
#c977f2 rgb(201,119,242)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```
#a0f277
```
#a0f277 rgb(160,242,119)
```
#77f2c9
```
#77f2c9 rgb(119,242,201)
```

Tetradic Color

#eb316f
```
#eb316f rgb(235,49,111)
```
#ee487f
```
#ee487f rgb(238,72,127)
```
#f06090
```
#f06090 rgb(240,96,144)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```
#f48eb0
```
#f48eb0 rgb(244,142,176)
```
#f6a6c1
```
#f6a6c1 rgb(246,166,193)
```
#f9bdd1
```
#f9bdd1 rgb(249,189,209)
```

Monochromatic Color

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

#f277bf
```
#f277bf rgb(242,119,191)
```
#f277b5
```
#f277b5 rgb(242,119,181)
```
#f277aa
```
#f277aa rgb(242,119,170)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```
#f27796
```
#f27796 rgb(242,119,150)
```
#f2778c
```
#f2778c rgb(242,119,140)
```
#f27781
```
#f27781 rgb(242,119,129)
```

Similar Colors

Text with hexadecimal color #f277a0

This text has a font color of #f277a0.

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

#f277a0 background color

This paragraph has a background color of #f277a0.

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

#f277a0 border color

This element has a border color of #f277a0.

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

CSS codes

.text {color:#f277a0;}

.background {background-color:#f277a0;}

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

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

#070103
```
#070103 rgb(7,1,3)
```
#19020a
```
#19020a rgb(25,2,10)
```
#2b0411
```
#2b0411 rgb(43,4,17)
```
#3d0618
```
#3d0618 rgb(61,6,24)
```
#4f081f
```
#4f081f rgb(79,8,31)
```
#610926
```
#610926 rgb(97,9,38)
```
#730b2e
```
#730b2e rgb(115,11,46)
```
#850d35
```
#850d35 rgb(133,13,53)
```
#960e3c
```
#960e3c rgb(150,14,60)
```
#a81043
```
#a81043 rgb(168,16,67)
```
#ba124a
```
#ba124a rgb(186,18,74)
```
#cc1451
```
#cc1451 rgb(204,20,81)
```
#de1558
```
#de1558 rgb(222,21,88)
```

Shade Color Variation

#e91d61
```
#e91d61 rgb(233,29,97)
```
#eb2f6e
```
#eb2f6e rgb(235,47,110)
```
#ed417a
```
#ed417a rgb(237,65,122)
```
#ef5387
```
#ef5387 rgb(239,83,135)
```
#f06593
```
#f06593 rgb(240,101,147)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```
#f489ad
```
#f489ad rgb(244,137,173)
```
#f59bb9
```
#f59bb9 rgb(245,155,185)
```
#f7adc6
```
#f7adc6 rgb(247,173,198)
```
#f9bfd2
```
#f9bfd2 rgb(249,191,210)
```
#fbd1df
```
#fbd1df rgb(251,209,223)
```
#fce2eb
```
#fce2eb rgb(252,226,235)
```
#fef4f8
```
#fef4f8 rgb(254,244,248)
```

Tint Color Variation

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

#b9b0b3
```
#b9b0b3 rgb(185,176,179)
```
#beabb1
```
#beabb1 rgb(190,171,177)
```
#c4a5af
```
#c4a5af rgb(196,165,175)
```
#ca9fad
```
#ca9fad rgb(202,159,173)
```
#d099ab
```
#d099ab rgb(208,153,171)
```
#d594aa
```
#d594aa rgb(213,148,170)
```
#db8ea8
```
#db8ea8 rgb(219,142,168)
```
#e188a6
```
#e188a6 rgb(225,136,166)
```
#e782a4
```
#e782a4 rgb(231,130,164)
```
#ec7da2
```
#ec7da2 rgb(236,125,162)
```
#f277a0
```
#f277a0 rgb(242,119,160)
```
#f8719e
```
#f8719e rgb(248,113,158)
```
#fd6c9c
```
#fd6c9c rgb(253,108,156)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#b098a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a2b8 Protanopia 1% of men
#b59e9c Deuteranopia 1% of men
#f0838b Tritanopia 0.001% of the population

Trichromacy

#bd92af Protanomaly 1% of men, 0.01% of women
#cb909d Deuteranomaly 6% of men, 0.4% of women
#f07e92 Tritanomaly 0.01% of the population

#f277a0 hex color

#f277a0 Color Information

#f277a0 Color Conversion

Color Schemes with #f277a0

Alternatives to #f277a0

#f277a0 Preview

Shades and Tints of #f277a0

Tones of #f277a0

Color Blindness Simulator