#f0077b hex color

In a RGB color space, hex #f0077b is composed of 94.1% red, 2.7% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.1% magenta, 48.8% yellow and 5.9% black. It has a hue angle of 330.1 degrees, a saturation of 94.3% and a lightness of 48.4%. #f0077b color hex could be obtained by blending #ff0ef6 with #e10000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 94
- G 3
- B 48
RGB color chart
- C 0
- M 97
- Y 49
- K 6
CMYK color chart

● #f0077b color description : Vivid pink.

The hexadecimal color #f0077b has RGB values of R:240, G:7, B:123 and CMYK values of C:0, M:0.97, Y:0.49, K:0.06. Its decimal value is 15730555.

Hex triplet	f0077b	`#f0077b`
RGB Decimal	240, 7, 123	`rgb(240,7,123)`
RGB Percent	94.1, 2.7, 48.2	`rgb(94.1%,2.7%,48.2%)`
CMYK	0, 97, 49, 6
HSL	330.1°, 94.3, 48.4	`hsl(330.1,94.3%,48.4%)`
HSV (or HSB)	330.1°, 97.1, 94.1
Web Safe	ff0066	`#ff0066`

CIE-LAB	51.963, 80.457, 2.484
XYZ	39.588, 20.112, 20.535
xyY	0.493, 0.251, 20.112
CIE-LCH	51.963, 80.495, 1.768
CIE-LUV	51.963, 131.873, -12.865
Hunter-Lab	44.846, 79.089, 4.243
Binary	11110000, 00000111, 01111011

#f0077b
```
#f0077b rgb(240,7,123)
```
#07f07c
```
#07f07c rgb(7,240,124)
```

Complementary Color

#f007f0
```
#f007f0 rgb(240,7,240)
```
#f0077b
```
#f0077b rgb(240,7,123)
```
#f00707
```
#f00707 rgb(240,7,7)
```

Analogous Color

#07f0f0
```
#07f0f0 rgb(7,240,240)
```
#f0077b
```
#f0077b rgb(240,7,123)
```
#07f007
```
#07f007 rgb(7,240,7)
```

Split Complementary Color

#077bf0
```
#077bf0 rgb(7,123,240)
```
#f0077b
```
#f0077b rgb(240,7,123)
```
#7bf007
```
#7bf007 rgb(123,240,7)
```

Triadic Color

#7c07f0
```
#7c07f0 rgb(124,7,240)
```
#f0077b
```
#f0077b rgb(240,7,123)
```
#7bf007
```
#7bf007 rgb(123,240,7)
```
#07f07c
```
#07f07c rgb(7,240,124)
```

Tetradic Color

#a60555
```
#a60555 rgb(166,5,85)
```
#be0662
```
#be0662 rgb(190,6,98)
```
#d7066e
```
#d7066e rgb(215,6,110)
```
#f0077b
```
#f0077b rgb(240,7,123)
```
#f81888
```
#f81888 rgb(248,24,136)
```
#f93195
```
#f93195 rgb(249,49,149)
```
#fa4aa1
```
#fa4aa1 rgb(250,74,161)
```

Monochromatic Color

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

#f007b5
```
#f007b5 rgb(240,7,181)
```
#f007a2
```
#f007a2 rgb(240,7,162)
```
#f0078e
```
#f0078e rgb(240,7,142)
```
#f0077b
```
#f0077b rgb(240,7,123)
```
#f00768
```
#f00768 rgb(240,7,104)
```
#f00754
```
#f00754 rgb(240,7,84)
```
#f00741
```
#f00741 rgb(240,7,65)
```

Similar Colors

Text with hexadecimal color #f0077b

This text has a font color of #f0077b.

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

#f0077b background color

This paragraph has a background color of #f0077b.

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

#f0077b border color

This element has a border color of #f0077b.

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

CSS codes

.text {color:#f0077b;}

.background {background-color:#f0077b;}

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

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

#0b0006
```
#0b0006 rgb(11,0,6)
```
#1e0110
```
#1e0110 rgb(30,1,16)
```
#310119
```
#310119 rgb(49,1,25)
```
#440223
```
#440223 rgb(68,2,35)
```
#58032d
```
#58032d rgb(88,3,45)
```
#6b0337
```
#6b0337 rgb(107,3,55)
```
#7e0440
```
#7e0440 rgb(126,4,64)
```
#91044a
```
#91044a rgb(145,4,74)
```
#a40554
```
#a40554 rgb(164,5,84)
```
#b7055e
```
#b7055e rgb(183,5,94)
```
#ca0667
```
#ca0667 rgb(202,6,103)
```
#dd0671
```
#dd0671 rgb(221,6,113)
```
#f0077b
```
#f0077b rgb(240,7,123)
```

Shade Color Variation

#f81385
```
#f81385 rgb(248,19,133)
```
#f9268f
```
#f9268f rgb(249,38,143)
```
#f93999
```
#f93999 rgb(249,57,153)
```
#fa4ca2
```
#fa4ca2 rgb(250,76,162)
```
#fa5fac
```
#fa5fac rgb(250,95,172)
```
#fb72b6
```
#fb72b6 rgb(251,114,182)
```
#fb85c0
```
#fb85c0 rgb(251,133,192)
```
#fc98ca
```
#fc98ca rgb(252,152,202)
```
#fdabd4
```
#fdabd4 rgb(253,171,212)
```
#fdbedd
```
#fdbedd rgb(253,190,221)
```
#fed1e7
```
#fed1e7 rgb(254,209,231)
```
#fee4f1
```
#fee4f1 rgb(254,228,241)
```
#fff7fb
```
#fff7fb rgb(255,247,251)
```

Tint Color Variation

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

#7e797b
```
#7e797b rgb(126,121,123)
```
#88707b
```
#88707b rgb(136,112,123)
```
#91667b
```
#91667b rgb(145,102,123)
```
#9b5d7b
```
#9b5d7b rgb(155,93,123)
```
#a4537b
```
#a4537b rgb(164,83,123)
```
#ae4a7b
```
#ae4a7b rgb(174,74,123)
```
#b7407b
```
#b7407b rgb(183,64,123)
```
#c1377b
```
#c1377b rgb(193,55,123)
```
#ca2d7b
```
#ca2d7b rgb(202,45,123)
```
#d4247b
```
#d4247b rgb(212,36,123)
```
#dd1a7b
```
#dd1a7b rgb(221,26,123)
```
#e7117b
```
#e7117b rgb(231,17,123)
```
#f0077b
```
#f0077b rgb(240,7,123)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#784961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7481ad Protanopia 1% of men
#947e73 Deuteranopia 1% of men
#ed393a Tritanopia 0.001% of the population

Trichromacy

#a1549b Protanomaly 1% of men, 0.01% of women
#b55276 Deuteranomaly 6% of men, 0.4% of women
#ee2751 Tritanomaly 0.01% of the population

#f0077b hex color

#f0077b Color Information

#f0077b Color Conversion

Color Schemes with #f0077b

Alternatives to #f0077b

#f0077b Preview

Shades and Tints of #f0077b

Tones of #f0077b

Color Blindness Simulator