#f02f7d hex color

In a RGB color space, hex #f02f7d is composed of 94.1% red, 18.4% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 47.9% yellow and 5.9% black. It has a hue angle of 335.8 degrees, a saturation of 86.5% and a lightness of 56.3%. #f02f7d color hex could be obtained by blending #ff5efa with #e10000. Closest websafe color is: #ff3366.

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

● #f02f7d color description : Bright pink.

The hexadecimal color #f02f7d has RGB values of R:240, G:47, B:125 and CMYK values of C:0, M:0.8, Y:0.48, K:0.06. Its decimal value is 15740797.

Hex triplet	f02f7d	`#f02f7d`
RGB Decimal	240, 47, 125	`rgb(240,47,125)`
RGB Percent	94.1, 18.4, 49	`rgb(94.1%,18.4%,49%)`
CMYK	0, 80, 48, 6
HSL	335.8°, 86.5, 56.3	`hsl(335.8,86.5%,56.3%)`
HSV (or HSB)	335.8°, 80.4, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	54.073, 74.688, 4.325
XYZ	40.655, 22.043, 21.515
xyY	0.483, 0.262, 22.043
CIE-LCH	54.073, 74.814, 3.314
CIE-LUV	54.073, 123.203, -9.248
Hunter-Lab	46.95, 72.401, 5.696
Binary	11110000, 00101111, 01111101

#f02f7d
```
#f02f7d rgb(240,47,125)
```
#2ff0a2
```
#2ff0a2 rgb(47,240,162)
```

Complementary Color

#f02fde
```
#f02fde rgb(240,47,222)
```
#f02f7d
```
#f02f7d rgb(240,47,125)
```
#f0422f
```
#f0422f rgb(240,66,47)
```

Analogous Color

#2fdef0
```
#2fdef0 rgb(47,222,240)
```
#f02f7d
```
#f02f7d rgb(240,47,125)
```
#2ff042
```
#2ff042 rgb(47,240,66)
```

Split Complementary Color

#2f7df0
```
#2f7df0 rgb(47,125,240)
```
#f02f7d
```
#f02f7d rgb(240,47,125)
```
#7df02f
```
#7df02f rgb(125,240,47)
```

Triadic Color

#a22ff0
```
#a22ff0 rgb(162,47,240)
```
#f02f7d
```
#f02f7d rgb(240,47,125)
```
#7df02f
```
#7df02f rgb(125,240,47)
```
#2ff0a2
```
#2ff0a2 rgb(47,240,162)
```

Tetradic Color

#c40e58
```
#c40e58 rgb(196,14,88)
```
#dc1062
```
#dc1062 rgb(220,16,98)
```
#ee176e
```
#ee176e rgb(238,23,110)
```
#f02f7d
```
#f02f7d rgb(240,47,125)
```
#f2478c
```
#f2478c rgb(242,71,140)
```
#f35f9b
```
#f35f9b rgb(243,95,155)
```
#f576aa
```
#f576aa rgb(245,118,170)
```

Monochromatic Color

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

#f02fad
```
#f02fad rgb(240,47,173)
```
#f02f9d
```
#f02f9d rgb(240,47,157)
```
#f02f8d
```
#f02f8d rgb(240,47,141)
```
#f02f7d
```
#f02f7d rgb(240,47,125)
```
#f02f6d
```
#f02f6d rgb(240,47,109)
```
#f02f5d
```
#f02f5d rgb(240,47,93)
```
#f02f4d
```
#f02f4d rgb(240,47,77)
```

Similar Colors

Text with hexadecimal color #f02f7d

This text has a font color of #f02f7d.

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

#f02f7d background color

This paragraph has a background color of #f02f7d.

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

#f02f7d border color

This element has a border color of #f02f7d.

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

CSS codes

.text {color:#f02f7d;}

.background {background-color:#f02f7d;}

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

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

#0c0105
```
#0c0105 rgb(12,1,5)
```
#1e020d
```
#1e020d rgb(30,2,13)
```
#300316
```
#300316 rgb(48,3,22)
```
#42051e
```
#42051e rgb(66,5,30)
```
#550626
```
#550626 rgb(85,6,38)
```
#67072e
```
#67072e rgb(103,7,46)
```
#790936
```
#790936 rgb(121,9,54)
```
#8c0a3e
```
#8c0a3e rgb(140,10,62)
```
#9e0b47
```
#9e0b47 rgb(158,11,71)
```
#b00d4f
```
#b00d4f rgb(176,13,79)
```
#c30e57
```
#c30e57 rgb(195,14,87)
```
#d50f5f
```
#d50f5f rgb(213,15,95)
```
#e71167
```
#e71167 rgb(231,17,103)
```

Shade Color Variation

#ef1d72
```
#ef1d72 rgb(239,29,114)
```
#f02f7d
```
#f02f7d rgb(240,47,125)
```
#f14188
```
#f14188 rgb(241,65,136)
```
#f35494
```
#f35494 rgb(243,84,148)
```
#f4669f
```
#f4669f rgb(244,102,159)
```
#f578ab
```
#f578ab rgb(245,120,171)
```
#f78ab6
```
#f78ab6 rgb(247,138,182)
```
#f89dc2
```
#f89dc2 rgb(248,157,194)
```
#f9afcd
```
#f9afcd rgb(249,175,205)
```
#fbc1d8
```
#fbc1d8 rgb(251,193,216)
```
#fcd4e4
```
#fcd4e4 rgb(252,212,228)
```
#fde6ef
```
#fde6ef rgb(253,230,239)
```
#fff8fb
```
#fff8fb rgb(255,248,251)
```

Tint Color Variation

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

#928d8f
```
#928d8f rgb(146,141,143)
```
#9a858d
```
#9a858d rgb(154,133,141)
```
#a37c8c
```
#a37c8c rgb(163,124,140)
```
#ab748a
```
#ab748a rgb(171,116,138)
```
#b46b89
```
#b46b89 rgb(180,107,137)
```
#bd6287
```
#bd6287 rgb(189,98,135)
```
#c55a85
```
#c55a85 rgb(197,90,133)
```
#ce5184
```
#ce5184 rgb(206,81,132)
```
#d64982
```
#d64982 rgb(214,73,130)
```
#df4080
```
#df4080 rgb(223,64,128)
```
#e7387f
```
#e7387f rgb(231,56,127)
```
#f02f7d
```
#f02f7d rgb(240,47,125)
```
#f9267b
```
#f9267b rgb(249,38,123)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8b6574 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e86a8 Protanopia 1% of men
#9a8376 Deuteranopia 1% of men
#ed494c Tritanopia 0.001% of the population

Trichromacy

#a76698 Protanomaly 1% of men, 0.01% of women
#b96479 Deuteranomaly 6% of men, 0.4% of women
#ee405e Tritanomaly 0.01% of the population

#f02f7d hex color

#f02f7d Color Information

#f02f7d Color Conversion

Color Schemes with #f02f7d

Alternatives to #f02f7d

#f02f7d Preview

Shades and Tints of #f02f7d

Tones of #f02f7d

Color Blindness Simulator