#f02a6d hex color

In a RGB color space, hex #f02a6d is composed of 94.1% red, 16.5% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.5% magenta, 54.6% yellow and 5.9% black. It has a hue angle of 339.7 degrees, a saturation of 86.8% and a lightness of 55.3%. #f02a6d color hex could be obtained by blending #ff54da with #e10000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 94
- G 16
- B 43
RGB color chart
- C 0
- M 83
- Y 55
- K 6
CMYK color chart

● #f02a6d color description : Bright pink.

The hexadecimal color #f02a6d has RGB values of R:240, G:42, B:109 and CMYK values of C:0, M:0.83, Y:0.55, K:0.06. Its decimal value is 15739501.

Hex triplet	f02a6d	`#f02a6d`
RGB Decimal	240, 42, 109	`rgb(240,42,109)`
RGB Percent	94.1, 16.5, 42.7	`rgb(94.1%,16.5%,42.7%)`
CMYK	0, 83, 55, 6
HSL	339.7°, 86.8, 55.3	`hsl(339.7,86.8%,55.3%)`
HSV (or HSB)	339.7°, 82.5, 94.1
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.265, 74.648, 12.805
XYZ	39.525, 21.29, 16.495
xyY	0.511, 0.275, 21.29
CIE-LCH	53.265, 75.738, 9.734
CIE-LUV	53.265, 131.094, 0.61
Hunter-Lab	46.141, 72.159, 11.103
Binary	11110000, 00101010, 01101101

#f02a6d
```
#f02a6d rgb(240,42,109)
```
#2af0ad
```
#2af0ad rgb(42,240,173)
```

Complementary Color

#f02ad0
```
#f02ad0 rgb(240,42,208)
```
#f02a6d
```
#f02a6d rgb(240,42,109)
```
#f04a2a
```
#f04a2a rgb(240,74,42)
```

Analogous Color

#2ad0f0
```
#2ad0f0 rgb(42,208,240)
```
#f02a6d
```
#f02a6d rgb(240,42,109)
```
#2af04a
```
#2af04a rgb(42,240,74)
```

Split Complementary Color

#2a6df0
```
#2a6df0 rgb(42,109,240)
```
#f02a6d
```
#f02a6d rgb(240,42,109)
```
#6df02a
```
#6df02a rgb(109,240,42)
```

Triadic Color

#ad2af0
```
#ad2af0 rgb(173,42,240)
```
#f02a6d
```
#f02a6d rgb(240,42,109)
```
#6df02a
```
#6df02a rgb(109,240,42)
```
#2af0ad
```
#2af0ad rgb(42,240,173)
```

Tetradic Color

#c00e4a
```
#c00e4a rgb(192,14,74)
```
#d80f53
```
#d80f53 rgb(216,15,83)
```
#ee125d
```
#ee125d rgb(238,18,93)
```
#f02a6d
```
#f02a6d rgb(240,42,109)
```
#f2427d
```
#f2427d rgb(242,66,125)
```
#f35a8e
```
#f35a8e rgb(243,90,142)
```
#f5719e
```
#f5719e rgb(245,113,158)
```

Monochromatic Color

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

#f02a9f
```
#f02a9f rgb(240,42,159)
```
#f02a8e
```
#f02a8e rgb(240,42,142)
```
#f02a7e
```
#f02a7e rgb(240,42,126)
```
#f02a6d
```
#f02a6d rgb(240,42,109)
```
#f02a5d
```
#f02a5d rgb(240,42,93)
```
#f02a4c
```
#f02a4c rgb(240,42,76)
```
#f02a3c
```
#f02a3c rgb(240,42,60)
```

Similar Colors

Text with hexadecimal color #f02a6d

This text has a font color of #f02a6d.

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

#f02a6d background color

This paragraph has a background color of #f02a6d.

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

#f02a6d border color

This element has a border color of #f02a6d.

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

CSS codes

.text {color:#f02a6d;}

.background {background-color:#f02a6d;}

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

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

#070003
```
#070003 rgb(7,0,3)
```
#19020a
```
#19020a rgb(25,2,10)
```
#2c0311
```
#2c0311 rgb(44,3,17)
```
#3e0418
```
#3e0418 rgb(62,4,24)
```
#50061f
```
#50061f rgb(80,6,31)
```
#630726
```
#630726 rgb(99,7,38)
```
#75082d
```
#75082d rgb(117,8,45)
```
#870a34
```
#870a34 rgb(135,10,52)
```
#990b3b
```
#990b3b rgb(153,11,59)
```
#ac0c42
```
#ac0c42 rgb(172,12,66)
```
#be0d49
```
#be0d49 rgb(190,13,73)
```
#d00f50
```
#d00f50 rgb(208,15,80)
```
#e31057
```
#e31057 rgb(227,16,87)
```

Shade Color Variation

#ef1860
```
#ef1860 rgb(239,24,96)
```
#f02a6d
```
#f02a6d rgb(240,42,109)
```
#f13c7a
```
#f13c7a rgb(241,60,122)
```
#f34f86
```
#f34f86 rgb(243,79,134)
```
#f46193
```
#f46193 rgb(244,97,147)
```
#f5739f
```
#f5739f rgb(245,115,159)
```
#f686ac
```
#f686ac rgb(246,134,172)
```
#f898b8
```
#f898b8 rgb(248,152,184)
```
#f9aac5
```
#f9aac5 rgb(249,170,197)
```
#fabdd1
```
#fabdd1 rgb(250,189,209)
```
#fccfde
```
#fccfde rgb(252,207,222)
```
#fde1eb
```
#fde1eb rgb(253,225,235)
```
#fef4f7
```
#fef4f7 rgb(254,244,247)
```

Tint Color Variation

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

#908a8c
```
#908a8c rgb(144,138,140)
```
#988289
```
#988289 rgb(152,130,137)
```
#a17987
```
#a17987 rgb(161,121,135)
```
#aa7084
```
#aa7084 rgb(170,112,132)
```
#b36781
```
#b36781 rgb(179,103,129)
```
#bb5f7e
```
#bb5f7e rgb(187,95,126)
```
#c4567b
```
#c4567b rgb(196,86,123)
```
#cd4d78
```
#cd4d78 rgb(205,77,120)
```
#d64476
```
#d64476 rgb(214,68,118)
```
#de3c73
```
#de3c73 rgb(222,60,115)
```
#e73370
```
#e73370 rgb(231,51,112)
```
#f02a6d
```
#f02a6d rgb(240,42,109)
```
#f9216a
```
#f9216a rgb(249,33,106)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#87606d Atypical Achromatopsia 0.001% of the population

Dichromacy

#828496 Protanopia 1% of men
#9c8067 Deuteranopia 1% of men
#ee4244 Tritanopia 0.001% of the population

Trichromacy

#aa6387 Protanomaly 1% of men, 0.01% of women
#ba6169 Deuteranomaly 6% of men, 0.4% of women
#ef3953 Tritanomaly 0.01% of the population

#f02a6d hex color

#f02a6d Color Information

#f02a6d Color Conversion

Color Schemes with #f02a6d

Alternatives to #f02a6d

#f02a6d Preview

Shades and Tints of #f02a6d

Tones of #f02a6d

Color Blindness Simulator