#f7066c hex color

In a RGB color space, hex #f7066c is composed of 96.9% red, 2.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.6% magenta, 56.3% yellow and 3.1% black. It has a hue angle of 334.6 degrees, a saturation of 95.3% and a lightness of 49.6%. #f7066c color hex could be obtained by blending #ff0cd8 with #ef0000. Closest websafe color is: #ff0066.

♥
- f
- t
- g
- R 97
- G 2
- B 42
RGB color chart
- C 0
- M 98
- Y 56
- K 3
CMYK color chart

● #f7066c color description : Vivid pink.

The hexadecimal color #f7066c has RGB values of R:247, G:6, B:108 and CMYK values of C:0, M:0.98, Y:0.56, K:0.03. Its decimal value is 16189036.

Hex triplet	f7066c	`#f7066c`
RGB Decimal	247, 6, 108	`rgb(247,6,108)`
RGB Percent	96.9, 2.4, 42.4	`rgb(96.9%,2.4%,42.4%)`
CMYK	0, 98, 56, 3
HSL	334.6°, 95.3, 49.6	`hsl(334.6,95.3%,49.6%)`
HSV (or HSB)	334.6°, 97.6, 96.9
Web Safe	ff0066	`#ff0066`

CIE-LAB	52.941, 81.035, 13.164
XYZ	41.131, 20.992, 16.073
xyY	0.526, 0.268, 20.992
CIE-LCH	52.941, 82.098, 9.227
CIE-LUV	52.941, 143.956, -0.659
Hunter-Lab	45.817, 80.065, 11.273
Binary	11110111, 00000110, 01101100

#f7066c
```
#f7066c rgb(247,6,108)
```
#06f791
```
#06f791 rgb(6,247,145)
```

Complementary Color

#f706e5
```
#f706e5 rgb(247,6,229)
```
#f7066c
```
#f7066c rgb(247,6,108)
```
#f71906
```
#f71906 rgb(247,25,6)
```

Analogous Color

#06e5f7
```
#06e5f7 rgb(6,229,247)
```
#f7066c
```
#f7066c rgb(247,6,108)
```
#06f719
```
#06f719 rgb(6,247,25)
```

Split Complementary Color

#066cf7
```
#066cf7 rgb(6,108,247)
```
#f7066c
```
#f7066c rgb(247,6,108)
```
#6cf706
```
#6cf706 rgb(108,247,6)
```

Triadic Color

#9106f7
```
#9106f7 rgb(145,6,247)
```
#f7066c
```
#f7066c rgb(247,6,108)
```
#6cf706
```
#6cf706 rgb(108,247,6)
```
#06f791
```
#06f791 rgb(6,247,145)
```

Tetradic Color

#ac044b
```
#ac044b rgb(172,4,75)
```
#c50556
```
#c50556 rgb(197,5,86)
```
#de0561
```
#de0561 rgb(222,5,97)
```
#f7066c
```
#f7066c rgb(247,6,108)
```
#fa1d7a
```
#fa1d7a rgb(250,29,122)
```
#fa3689
```
#fa3689 rgb(250,54,137)
```
#fb4f98
```
#fb4f98 rgb(251,79,152)
```

Monochromatic Color

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

#f706a8
```
#f706a8 rgb(247,6,168)
```
#f70694
```
#f70694 rgb(247,6,148)
```
#f70680
```
#f70680 rgb(247,6,128)
```
#f7066c
```
#f7066c rgb(247,6,108)
```
#f70658
```
#f70658 rgb(247,6,88)
```
#f70644
```
#f70644 rgb(247,6,68)
```
#f70630
```
#f70630 rgb(247,6,48)
```

Similar Colors

Text with hexadecimal color #f7066c

This text has a font color of #f7066c.

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

#f7066c background color

This paragraph has a background color of #f7066c.

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

#f7066c border color

This element has a border color of #f7066c.

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

CSS codes

.text {color:#f7066c;}

.background {background-color:#f7066c;}

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

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

#110008
```
#110008 rgb(17,0,8)
```
#240110
```
#240110 rgb(36,1,16)
```
#370118
```
#370118 rgb(55,1,24)
```
#4b0221
```
#4b0221 rgb(75,2,33)
```
#5e0229
```
#5e0229 rgb(94,2,41)
```
#710331
```
#710331 rgb(113,3,49)
```
#84033a
```
#84033a rgb(132,3,58)
```
#970442
```
#970442 rgb(151,4,66)
```
#aa044b
```
#aa044b rgb(170,4,75)
```
#be0553
```
#be0553 rgb(190,5,83)
```
#d1055b
```
#d1055b rgb(209,5,91)
```
#e40664
```
#e40664 rgb(228,6,100)
```
#f7066c
```
#f7066c rgb(247,6,108)
```

Shade Color Variation

#f91777
```
#f91777 rgb(249,23,119)
```
#fa2a82
```
#fa2a82 rgb(250,42,130)
```
#fa3e8d
```
#fa3e8d rgb(250,62,141)
```
#fb5199
```
#fb5199 rgb(251,81,153)
```
#fb64a4
```
#fb64a4 rgb(251,100,164)
```
#fc77af
```
#fc77af rgb(252,119,175)
```
#fc8aba
```
#fc8aba rgb(252,138,186)
```
#fd9dc6
```
#fd9dc6 rgb(253,157,198)
```
#fdb0d1
```
#fdb0d1 rgb(253,176,209)
```
#fec4dc
```
#fec4dc rgb(254,196,220)
```
#fed7e7
```
#fed7e7 rgb(254,215,231)
```
#feeaf3
```
#feeaf3 rgb(254,234,243)
```
#fffdfe
```
#fffdfe rgb(255,253,254)
```

Tint Color Variation

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

#827b7e
```
#827b7e rgb(130,123,126)
```
#8c717c
```
#8c717c rgb(140,113,124)
```
#96677b
```
#96677b rgb(150,103,123)
```
#9f5e79
```
#9f5e79 rgb(159,94,121)
```
#a95478
```
#a95478 rgb(169,84,120)
```
#b34a76
```
#b34a76 rgb(179,74,118)
```
#bd4075
```
#bd4075 rgb(189,64,117)
```
#c63773
```
#c63773 rgb(198,55,115)
```
#d02d72
```
#d02d72 rgb(208,45,114)
```
#da2370
```
#da2370 rgb(218,35,112)
```
#e4196f
```
#e4196f rgb(228,25,111)
```
#ed106d
```
#ed106d rgb(237,16,109)
```
#f7066c
```
#f7066c rgb(247,6,108)
```

Tone Color Variation

Below, you can see how #f7066c 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
#79495e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f839b Protanopia 1% of men
#9b7f65 Deuteranopia 1% of men
#f43332 Tritanopia 0.001% of the population

Trichromacy

#ab568a Protanomaly 1% of men, 0.01% of women
#bd5367 Deuteranomaly 6% of men, 0.4% of women
#f52347 Tritanomaly 0.01% of the population

#f7066c hex color

#f7066c Color Information

#f7066c Color Conversion

Color Schemes with #f7066c

Alternatives to #f7066c

#f7066c Preview

Shades and Tints of #f7066c

Tones of #f7066c

Color Blindness Simulator