#f226d4 hex color

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

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

● #f226d4 color description : Bright magenta.

The hexadecimal color #f226d4 has RGB values of R:242, G:38, B:212 and CMYK values of C:0, M:0.84, Y:0.12, K:0.05. Its decimal value is 15869652.

Hex triplet	f226d4	`#f226d4`
RGB Decimal	242, 38, 212	`rgb(242,38,212)`
RGB Percent	94.9, 14.9, 83.1	`rgb(94.9%,14.9%,83.1%)`
CMYK	0, 84, 12, 5
HSL	308.8°, 88.7, 54.9	`hsl(308.8,88.7%,54.9%)`
HSV (or HSB)	308.8°, 84.3, 94.9
Web Safe	ff33cc	`#ff33cc`

CIE-LAB	57.096, 86.38, -41.962
XYZ	49.194, 25.021, 64.522
xyY	0.355, 0.18, 25.021
CIE-LCH	57.096, 96.033, 334.09
CIE-LUV	57.096, 89.464, -77.193
Hunter-Lab	50.021, 88.014, -41.464
Binary	11110010, 00100110, 11010100

#f226d4
```
#f226d4 rgb(242,38,212)
```
#26f244
```
#26f244 rgb(38,242,68)
```

Complementary Color

#aa26f2
```
#aa26f2 rgb(170,38,242)
```
#f226d4
```
#f226d4 rgb(242,38,212)
```
#f2266e
```
#f2266e rgb(242,38,110)
```

Analogous Color

#26f2aa
```
#26f2aa rgb(38,242,170)
```
#f226d4
```
#f226d4 rgb(242,38,212)
```
#6ef226
```
#6ef226 rgb(110,242,38)
```

Split Complementary Color

#26d4f2
```
#26d4f2 rgb(38,212,242)
```
#f226d4
```
#f226d4 rgb(242,38,212)
```
#d4f226
```
#d4f226 rgb(212,242,38)
```

Triadic Color

#4426f2
```
#4426f2 rgb(68,38,242)
```
#f226d4
```
#f226d4 rgb(242,38,212)
```
#d4f226
```
#d4f226 rgb(212,242,38)
```
#26f244
```
#26f244 rgb(38,242,68)
```

Tetradic Color

#c00ca5
```
#c00ca5 rgb(192,12,165)
```
#d80dba
```
#d80dba rgb(216,13,186)
```
#f00ecf
```
#f00ecf rgb(240,14,207)
```
#f226d4
```
#f226d4 rgb(242,38,212)
```
#f33ed9
```
#f33ed9 rgb(243,62,217)
```
#f556de
```
#f556de rgb(245,86,222)
```
#f66ee2
```
#f66ee2 rgb(246,110,226)
```

Monochromatic Color

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

#dd26f2
```
#dd26f2 rgb(221,38,242)
```
#ee26f2
```
#ee26f2 rgb(238,38,242)
```
#f226e5
```
#f226e5 rgb(242,38,229)
```
#f226d4
```
#f226d4 rgb(242,38,212)
```
#f226c3
```
#f226c3 rgb(242,38,195)
```
#f226b2
```
#f226b2 rgb(242,38,178)
```
#f226a1
```
#f226a1 rgb(242,38,161)
```

Similar Colors

Text with hexadecimal color #f226d4

This text has a font color of #f226d4.

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

#f226d4 background color

This paragraph has a background color of #f226d4.

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

#f226d4 border color

This element has a border color of #f226d4.

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

CSS codes

.text {color:#f226d4;}

.background {background-color:#f226d4;}

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

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)
```
#180114
```
#180114 rgb(24,1,20)
```
#2a0324
```
#2a0324 rgb(42,3,36)
```
#3d0434
```
#3d0434 rgb(61,4,52)
```
#4f0544
```
#4f0544 rgb(79,5,68)
```
#620654
```
#620654 rgb(98,6,84)
```
#740764
```
#740764 rgb(116,7,100)
```
#870874
```
#870874 rgb(135,8,116)
```
#990984
```
#990984 rgb(153,9,132)
```
#ac0a94
```
#ac0a94 rgb(172,10,148)
```
#be0ba4
```
#be0ba4 rgb(190,11,164)
```
#d10db4
```
#d10db4 rgb(209,13,180)
```
#e30ec4
```
#e30ec4 rgb(227,14,196)
```

Shade Color Variation

#f113d0
```
#f113d0 rgb(241,19,208)
```
#f226d4
```
#f226d4 rgb(242,38,212)
```
#f339d8
```
#f339d8 rgb(243,57,216)
```
#f44bdb
```
#f44bdb rgb(244,75,219)
```
#f55edf
```
#f55edf rgb(245,94,223)
```
#f670e3
```
#f670e3 rgb(246,112,227)
```
#f883e6
```
#f883e6 rgb(248,131,230)
```
#f995ea
```
#f995ea rgb(249,149,234)
```
#faa8ee
```
#faa8ee rgb(250,168,238)
```
#fbbaf1
```
#fbbaf1 rgb(251,186,241)
```
#fccdf5
```
#fccdf5 rgb(252,205,245)
```
#fddff9
```
#fddff9 rgb(253,223,249)
```
#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 #fb1dda is the most saturated one.

#91878f
```
#91878f rgb(145,135,143)
```
#9a7e96
```
#9a7e96 rgb(154,126,150)
```
#a2769c
```
#a2769c rgb(162,118,156)
```
#ab6da2
```
#ab6da2 rgb(171,109,162)
```
#b464a8
```
#b464a8 rgb(180,100,168)
```
#bd5baf
```
#bd5baf rgb(189,91,175)
```
#c652b5
```
#c652b5 rgb(198,82,181)
```
#cf49bb
```
#cf49bb rgb(207,73,187)
```
#d741c1
```
#d741c1 rgb(215,65,193)
```
#e038c8
```
#e038c8 rgb(224,56,200)
```
#e92fce
```
#e92fce rgb(233,47,206)
```
#f226d4
```
#f226d4 rgb(242,38,212)
```
#fb1dda
```
#fb1dda rgb(251,29,218)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#90678a Atypical Achromatopsia 0.001% of the population

Dichromacy

#478bff Protanopia 1% of men
#7b8dc3 Deuteranopia 1% of men
#e76268 Tritanopia 0.001% of the population

Trichromacy

#8566ef Protanomaly 1% of men, 0.01% of women
#a668c9 Deuteranomaly 6% of men, 0.4% of women
#eb4c8f Tritanomaly 0.01% of the population

#f226d4 hex color

#f226d4 Color Information

#f226d4 Color Conversion

Color Schemes with #f226d4

Alternatives to #f226d4

#f226d4 Preview

Shades and Tints of #f226d4

Tones of #f226d4

Color Blindness Simulator