#f7026a hex color

In a RGB color space, hex #f7026a is composed of 96.9% red, 0.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 57.1% yellow and 3.1% black. It has a hue angle of 334.5 degrees, a saturation of 98.4% and a lightness of 48.8%. #f7026a color hex could be obtained by blending #ff04d4 with #ef0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 97
- G 1
- B 42
RGB color chart
- C 0
- M 99
- Y 57
- K 3
CMYK color chart

● #f7026a color description : Vivid pink.

The hexadecimal color #f7026a has RGB values of R:247, G:2, B:106 and CMYK values of C:0, M:0.99, Y:0.57, K:0.03. Its decimal value is 16188010.

Hex triplet	f7026a	`#f7026a`
RGB Decimal	247, 2, 106	`rgb(247,2,106)`
RGB Percent	96.9, 0.8, 41.6	`rgb(96.9%,0.8%,41.6%)`
CMYK	0, 99, 57, 3
HSL	334.5°, 98.4, 48.8	`hsl(334.5,98.4%,48.8%)`
HSV (or HSB)	334.5°, 99.2, 96.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.799, 81.189, 14.182
XYZ	40.983, 20.863, 15.504
xyY	0.53, 0.27, 20.863
CIE-LCH	52.799, 82.418, 9.908
CIE-LUV	52.799, 145.196, 0.389
Hunter-Lab	45.676, 80.225, 11.848
Binary	11110111, 00000010, 01101010

#f7026a
```
#f7026a rgb(247,2,106)
```
#02f78f
```
#02f78f rgb(2,247,143)
```

Complementary Color

#f702e5
```
#f702e5 rgb(247,2,229)
```
#f7026a
```
#f7026a rgb(247,2,106)
```
#f71402
```
#f71402 rgb(247,20,2)
```

Analogous Color

#02e5f7
```
#02e5f7 rgb(2,229,247)
```
#f7026a
```
#f7026a rgb(247,2,106)
```
#02f714
```
#02f714 rgb(2,247,20)
```

Split Complementary Color

#026af7
```
#026af7 rgb(2,106,247)
```
#f7026a
```
#f7026a rgb(247,2,106)
```
#6af702
```
#6af702 rgb(106,247,2)
```

Triadic Color

#8f02f7
```
#8f02f7 rgb(143,2,247)
```
#f7026a
```
#f7026a rgb(247,2,106)
```
#6af702
```
#6af702 rgb(106,247,2)
```
#02f78f
```
#02f78f rgb(2,247,143)
```

Tetradic Color

#ab0149
```
#ab0149 rgb(171,1,73)
```
#c40254
```
#c40254 rgb(196,2,84)
```
#de025f
```
#de025f rgb(222,2,95)
```
#f7026a
```
#f7026a rgb(247,2,106)
```
#fd1578
```
#fd1578 rgb(253,21,120)
```
#fd2f86
```
#fd2f86 rgb(253,47,134)
```
#fe4895
```
#fe4895 rgb(254,72,149)
```

Monochromatic Color

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

#f702a7
```
#f702a7 rgb(247,2,167)
```
#f70293
```
#f70293 rgb(247,2,147)
```
#f7027e
```
#f7027e rgb(247,2,126)
```
#f7026a
```
#f7026a rgb(247,2,106)
```
#f70256
```
#f70256 rgb(247,2,86)
```
#f70241
```
#f70241 rgb(247,2,65)
```
#f7022d
```
#f7022d rgb(247,2,45)
```

Similar Colors

Text with hexadecimal color #f7026a

This text has a font color of #f7026a.

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

#f7026a background color

This paragraph has a background color of #f7026a.

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

#f7026a border color

This element has a border color of #f7026a.

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

CSS codes

.text {color:#f7026a;}

.background {background-color:#f7026a;}

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

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

#0e0006
```
#0e0006 rgb(14,0,6)
```
#21000e
```
#21000e rgb(33,0,14)
```
#340016
```
#340016 rgb(52,0,22)
```
#48011f
```
#48011f rgb(72,1,31)
```
#5b0127
```
#5b0127 rgb(91,1,39)
```
#6f0130
```
#6f0130 rgb(111,1,48)
```
#820138
```
#820138 rgb(130,1,56)
```
#960140
```
#960140 rgb(150,1,64)
```
#a90149
```
#a90149 rgb(169,1,73)
```
#bd0251
```
#bd0251 rgb(189,2,81)
```
#d00259
```
#d00259 rgb(208,2,89)
```
#e40262
```
#e40262 rgb(228,2,98)
```
#f7026a
```
#f7026a rgb(247,2,106)
```

Shade Color Variation

#fd1074
```
#fd1074 rgb(253,16,116)
```
#fd2380
```
#fd2380 rgb(253,35,128)
```
#fd368b
```
#fd368b rgb(253,54,139)
```
#fe4a96
```
#fe4a96 rgb(254,74,150)
```
#fe5da1
```
#fe5da1 rgb(254,93,161)
```
#fe71ad
```
#fe71ad rgb(254,113,173)
```
#fe84b8
```
#fe84b8 rgb(254,132,184)
```
#fe98c3
```
#fe98c3 rgb(254,152,195)
```
#feabce
```
#feabce rgb(254,171,206)
```
#febfda
```
#febfda rgb(254,191,218)
```
#ffd2e5
```
#ffd2e5 rgb(255,210,229)
```
#ffe6f0
```
#ffe6f0 rgb(255,230,240)
```
#fff9fc
```
#fff9fc rgb(255,249,252)
```

Tint Color Variation

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

#84757b
```
#84757b rgb(132,117,123)
```
#8e6b7a
```
#8e6b7a rgb(142,107,122)
```
#976278
```
#976278 rgb(151,98,120)
```
#a15877
```
#a15877 rgb(161,88,119)
```
#aa4f76
```
#aa4f76 rgb(170,79,118)
```
#b44574
```
#b44574 rgb(180,69,116)
```
#be3b73
```
#be3b73 rgb(190,59,115)
```
#c73271
```
#c73271 rgb(199,50,113)
```
#d12870
```
#d12870 rgb(209,40,112)
```
#da1f6e
```
#da1f6e rgb(218,31,110)
```
#e4156d
```
#e4156d rgb(228,21,109)
```
#ed0c6b
```
#ed0c6b rgb(237,12,107)
```
#f7026a
```
#f7026a rgb(247,2,106)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#77465b Atypical Achromatopsia 0.001% of the population

Dichromacy

#808399 Protanopia 1% of men
#9b7f63 Deuteranopia 1% of men
#f43130 Tritanopia 0.001% of the population

Trichromacy

#ab5488 Protanomaly 1% of men, 0.01% of women
#bd5165 Deuteranomaly 6% of men, 0.4% of women
#f52045 Tritanomaly 0.01% of the population

#f7026a hex color

#f7026a Color Information

#f7026a Color Conversion

Color Schemes with #f7026a

Alternatives to #f7026a

#f7026a Preview

Shades and Tints of #f7026a

Tones of #f7026a

Color Blindness Simulator