#f02f6f hex color

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

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

● #f02f6f color description : Bright pink.

The hexadecimal color #f02f6f has RGB values of R:240, G:47, B:111 and CMYK values of C:0, M:0.8, Y:0.54, K:0.06. Its decimal value is 15740783.

Hex triplet	f02f6f	`#f02f6f`
RGB Decimal	240, 47, 111	`rgb(240,47,111)`
RGB Percent	94.1, 18.4, 43.5	`rgb(94.1%,18.4%,43.5%)`
CMYK	0, 80, 54, 6
HSL	340.1°, 86.5, 56.3	`hsl(340.1,86.5%,56.3%)`
HSV (or HSB)	340.1°, 80.4, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.719, 73.628, 12.233
XYZ	39.822, 21.711, 17.132
xyY	0.506, 0.276, 21.711
CIE-LCH	53.719, 74.637, 9.433
CIE-LUV	53.719, 128.679, 0.263
Hunter-Lab	46.595, 71.016, 10.817
Binary	11110000, 00101111, 01101111

#f02f6f
```
#f02f6f rgb(240,47,111)
```
#2ff0b0
```
#2ff0b0 rgb(47,240,176)
```

Complementary Color

#f02fd0
```
#f02fd0 rgb(240,47,208)
```
#f02f6f
```
#f02f6f rgb(240,47,111)
```
#f0502f
```
#f0502f rgb(240,80,47)
```

Analogous Color

#2fd0f0
```
#2fd0f0 rgb(47,208,240)
```
#f02f6f
```
#f02f6f rgb(240,47,111)
```
#2ff050
```
#2ff050 rgb(47,240,80)
```

Split Complementary Color

#2f6ff0
```
#2f6ff0 rgb(47,111,240)
```
#f02f6f
```
#f02f6f rgb(240,47,111)
```
#6ff02f
```
#6ff02f rgb(111,240,47)
```

Triadic Color

#b02ff0
```
#b02ff0 rgb(176,47,240)
```
#f02f6f
```
#f02f6f rgb(240,47,111)
```
#6ff02f
```
#6ff02f rgb(111,240,47)
```
#2ff0b0
```
#2ff0b0 rgb(47,240,176)
```

Tetradic Color

#c40e4b
```
#c40e4b rgb(196,14,75)
```
#dc1054
```
#dc1054 rgb(220,16,84)
```
#ee175f
```
#ee175f rgb(238,23,95)
```
#f02f6f
```
#f02f6f rgb(240,47,111)
```
#f2477f
```
#f2477f rgb(242,71,127)
```
#f35f90
```
#f35f90 rgb(243,95,144)
```
#f576a0
```
#f576a0 rgb(245,118,160)
```

Monochromatic Color

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

#f02f9f
```
#f02f9f rgb(240,47,159)
```
#f02f8f
```
#f02f8f rgb(240,47,143)
```
#f02f7f
```
#f02f7f rgb(240,47,127)
```
#f02f6f
```
#f02f6f rgb(240,47,111)
```
#f02f5f
```
#f02f5f rgb(240,47,95)
```
#f02f4f
```
#f02f4f rgb(240,47,79)
```
#f02f3f
```
#f02f3f rgb(240,47,63)
```

Similar Colors

Text with hexadecimal color #f02f6f

This text has a font color of #f02f6f.

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

#f02f6f background color

This paragraph has a background color of #f02f6f.

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

#f02f6f border color

This element has a border color of #f02f6f.

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

CSS codes

.text {color:#f02f6f;}

.background {background-color:#f02f6f;}

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

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

#0c0104
```
#0c0104 rgb(12,1,4)
```
#1e020b
```
#1e020b rgb(30,2,11)
```
#300312
```
#300312 rgb(48,3,18)
```
#420519
```
#420519 rgb(66,5,25)
```
#550620
```
#550620 rgb(85,6,32)
```
#670727
```
#670727 rgb(103,7,39)
```
#79092e
```
#79092e rgb(121,9,46)
```
#8c0a35
```
#8c0a35 rgb(140,10,53)
```
#9e0b3c
```
#9e0b3c rgb(158,11,60)
```
#b00d43
```
#b00d43 rgb(176,13,67)
```
#c30e4a
```
#c30e4a rgb(195,14,74)
```
#d50f51
```
#d50f51 rgb(213,15,81)
```
#e71158
```
#e71158 rgb(231,17,88)
```

Shade Color Variation

#ef1d62
```
#ef1d62 rgb(239,29,98)
```
#f02f6f
```
#f02f6f rgb(240,47,111)
```
#f1417c
```
#f1417c rgb(241,65,124)
```
#f35488
```
#f35488 rgb(243,84,136)
```
#f46695
```
#f46695 rgb(244,102,149)
```
#f578a2
```
#f578a2 rgb(245,120,162)
```
#f78aae
```
#f78aae rgb(247,138,174)
```
#f89dbb
```
#f89dbb rgb(248,157,187)
```
#f9afc8
```
#f9afc8 rgb(249,175,200)
```
#fbc1d4
```
#fbc1d4 rgb(251,193,212)
```
#fcd4e1
```
#fcd4e1 rgb(252,212,225)
```
#fde6ee
```
#fde6ee rgb(253,230,238)
```
#fff8fa
```
#fff8fa rgb(255,248,250)
```

Tint Color Variation

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

#928d8f
```
#928d8f rgb(146,141,143)
```
#9a858c
```
#9a858c rgb(154,133,140)
```
#a37c89
```
#a37c89 rgb(163,124,137)
```
#ab7486
```
#ab7486 rgb(171,116,134)
```
#b46b83
```
#b46b83 rgb(180,107,131)
```
#bd6280
```
#bd6280 rgb(189,98,128)
```
#c55a7d
```
#c55a7d rgb(197,90,125)
```
#ce517b
```
#ce517b rgb(206,81,123)
```
#d64978
```
#d64978 rgb(214,73,120)
```
#df4075
```
#df4075 rgb(223,64,117)
```
#e73872
```
#e73872 rgb(231,56,114)
```
#f02f6f
```
#f02f6f rgb(240,47,111)
```
#f9266c
```
#f9266c rgb(249,38,108)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8a6370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838597 Protanopia 1% of men
#9d816a Deuteranopia 1% of men
#ee4648 Tritanopia 0.001% of the population

Trichromacy

#ab6688 Protanomaly 1% of men, 0.01% of women
#bb636b Deuteranomaly 6% of men, 0.4% of women
#ef3d56 Tritanomaly 0.01% of the population

#f02f6f hex color

#f02f6f Color Information

#f02f6f Color Conversion

Color Schemes with #f02f6f

Alternatives to #f02f6f

#f02f6f Preview

Shades and Tints of #f02f6f

Tones of #f02f6f

Color Blindness Simulator