#f226cc hex color

In a RGB color space, hex #f226cc is composed of 94.9% red, 14.9% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.3% magenta, 15.7% yellow and 5.1% black. It has a hue angle of 311.2 degrees, a saturation of 88.7% and a lightness of 54.9%. #f226cc color hex could be obtained by blending #ff4cff with #e50099. Closest websafe color is: #ff33cc.

♥
- f
- t
- g
- R 95
- G 15
- B 80
RGB color chart
- C 0
- M 84
- Y 16
- K 5
CMYK color chart

● #f226cc color description : Bright magenta.

The hexadecimal color #f226cc has RGB values of R:242, G:38, B:204 and CMYK values of C:0, M:0.84, Y:0.16, K:0.05. Its decimal value is 15869644.

Hex triplet	f226cc	`#f226cc`
RGB Decimal	242, 38, 204	`rgb(242,38,204)`
RGB Percent	94.9, 14.9, 80	`rgb(94.9%,14.9%,80%)`
CMYK	0, 84, 16, 5
HSL	311.2°, 88.7, 54.9	`hsl(311.2,88.7%,54.9%)`
HSV (or HSB)	311.2°, 84.3, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	56.71, 85.346, -38.001
XYZ	48.21, 24.627, 59.338
xyY	0.365, 0.186, 24.627
CIE-LCH	56.71, 93.423, 335.999
CIE-LUV	56.71, 92.831, -70.936
Hunter-Lab	49.626, 86.563, -36.156
Binary	11110010, 00100110, 11001100

#f226cc
```
#f226cc rgb(242,38,204)
```
#26f24c
```
#26f24c rgb(38,242,76)
```

Complementary Color

#b226f2
```
#b226f2 rgb(178,38,242)
```
#f226cc
```
#f226cc rgb(242,38,204)
```
#f22666
```
#f22666 rgb(242,38,102)
```

Analogous Color

#26f2b2
```
#26f2b2 rgb(38,242,178)
```
#f226cc
```
#f226cc rgb(242,38,204)
```
#66f226
```
#66f226 rgb(102,242,38)
```

Split Complementary Color

#26ccf2
```
#26ccf2 rgb(38,204,242)
```
#f226cc
```
#f226cc rgb(242,38,204)
```
#ccf226
```
#ccf226 rgb(204,242,38)
```

Triadic Color

#4c26f2
```
#4c26f2 rgb(76,38,242)
```
#f226cc
```
#f226cc rgb(242,38,204)
```
#ccf226
```
#ccf226 rgb(204,242,38)
```
#26f24c
```
#26f24c rgb(38,242,76)
```

Tetradic Color

#c00c9e
```
#c00c9e rgb(192,12,158)
```
#d80db2
```
#d80db2 rgb(216,13,178)
```
#f00ec6
```
#f00ec6 rgb(240,14,198)
```
#f226cc
```
#f226cc rgb(242,38,204)
```
#f33ed2
```
#f33ed2 rgb(243,62,210)
```
#f556d7
```
#f556d7 rgb(245,86,215)
```
#f66edd
```
#f66edd rgb(246,110,221)
```

Monochromatic Color

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

#e526f2
```
#e526f2 rgb(229,38,242)
```
#f226ee
```
#f226ee rgb(242,38,238)
```
#f226dd
```
#f226dd rgb(242,38,221)
```
#f226cc
```
#f226cc rgb(242,38,204)
```
#f226bb
```
#f226bb rgb(242,38,187)
```
#f226aa
```
#f226aa rgb(242,38,170)
```
#f22699
```
#f22699 rgb(242,38,153)
```

Similar Colors

Text with hexadecimal color #f226cc

This text has a font color of #f226cc.

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

#f226cc background color

This paragraph has a background color of #f226cc.

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

#f226cc border color

This element has a border color of #f226cc.

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

CSS codes

.text {color:#f226cc;}

.background {background-color:#f226cc;}

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

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

#050004
```
#050004 rgb(5,0,4)
```
#180113
```
#180113 rgb(24,1,19)
```
#2a0323
```
#2a0323 rgb(42,3,35)
```
#3d0432
```
#3d0432 rgb(61,4,50)
```
#4f0541
```
#4f0541 rgb(79,5,65)
```
#620651
```
#620651 rgb(98,6,81)
```
#740760
```
#740760 rgb(116,7,96)
```
#87086f
```
#87086f rgb(135,8,111)
```
#99097e
```
#99097e rgb(153,9,126)
```
#ac0a8e
```
#ac0a8e rgb(172,10,142)
```
#be0b9d
```
#be0b9d rgb(190,11,157)
```
#d10dac
```
#d10dac rgb(209,13,172)
```
#e30ebb
```
#e30ebb rgb(227,14,187)
```

Shade Color Variation

#f113c8
```
#f113c8 rgb(241,19,200)
```
#f226cc
```
#f226cc rgb(242,38,204)
```
#f339d0
```
#f339d0 rgb(243,57,208)
```
#f44bd5
```
#f44bd5 rgb(244,75,213)
```
#f55ed9
```
#f55ed9 rgb(245,94,217)
```
#f670dd
```
#f670dd rgb(246,112,221)
```
#f883e2
```
#f883e2 rgb(248,131,226)
```
#f995e6
```
#f995e6 rgb(249,149,230)
```
#faa8ea
```
#faa8ea rgb(250,168,234)
```
#fbbaef
```
#fbbaef rgb(251,186,239)
```
#fccdf3
```
#fccdf3 rgb(252,205,243)
```
#fddff7
```
#fddff7 rgb(253,223,247)
```
#fef2fc
```
#fef2fc rgb(254,242,252)
```

Tint Color Variation

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

#91878f
```
#91878f rgb(145,135,143)
```
#9a7e94
```
#9a7e94 rgb(154,126,148)
```
#a2769a
```
#a2769a rgb(162,118,154)
```
#ab6da0
```
#ab6da0 rgb(171,109,160)
```
#b464a5
```
#b464a5 rgb(180,100,165)
```
#bd5bab
```
#bd5bab rgb(189,91,171)
```
#c652b0
```
#c652b0 rgb(198,82,176)
```
#cf49b6
```
#cf49b6 rgb(207,73,182)
```
#d741bb
```
#d741bb rgb(215,65,187)
```
#e038c1
```
#e038c1 rgb(224,56,193)
```
#e92fc6
```
#e92fc6 rgb(233,47,198)
```
#f226cc
```
#f226cc rgb(242,38,204)
```
#fb1dd2
```
#fb1dd2 rgb(251,29,210)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#8f6687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#448aff Protanopia 1% of men
#7f8cbc Deuteranopia 1% of men
#e85f65 Tritanopia 0.001% of the population

Trichromacy

#8365ec Protanomaly 1% of men, 0.01% of women
#a967c2 Deuteranomaly 6% of men, 0.4% of women
#eb4a8a Tritanomaly 0.01% of the population

#f226cc hex color

#f226cc Color Information

#f226cc Color Conversion

Color Schemes with #f226cc

Alternatives to #f226cc

#f226cc Preview

Shades and Tints of #f226cc

Tones of #f226cc

Color Blindness Simulator