#f6225a hex color

In a RGB color space, hex #f6225a is composed of 96.5% red, 13.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.2% magenta, 63.4% yellow and 3.5% black. It has a hue angle of 344.2 degrees, a saturation of 92.2% and a lightness of 54.9%. #f6225a color hex could be obtained by blending #ff44b4 with #ed0000. Closest websafe color is: #ff3366.

♥
- f
- t
- g
- R 96
- G 13
- B 35
RGB color chart
- C 0
- M 86
- Y 63
- K 4
CMYK color chart

● #f6225a color description : Vivid pink.

The hexadecimal color #f6225a has RGB values of R:246, G:34, B:90 and CMYK values of C:0, M:0.86, Y:0.63, K:0.04. Its decimal value is 16130650.

Hex triplet	f6225a	`#f6225a`
RGB Decimal	246, 34, 90	`rgb(246,34,90)`
RGB Percent	96.5, 13.3, 35.3	`rgb(96.5%,13.3%,35.3%)`
CMYK	0, 86, 63, 4
HSL	344.2°, 92.2, 54.9	`hsl(344.2,92.2%,54.9%)`
HSV (or HSB)	344.2°, 86.2, 96.5
Web Safe	ff3366	`#ff3366`

CIE-LAB	53.471, 76.574, 24.721
XYZ	40.425, 21.48, 11.69
xyY	0.549, 0.292, 21.48
CIE-LCH	53.471, 80.466, 17.892
CIE-LUV	53.471, 145.111, 12.349
Hunter-Lab	46.347, 74.589, 17.488
Binary	11110110, 00100010, 01011010

#f6225a
```
#f6225a rgb(246,34,90)
```
#22f6be
```
#22f6be rgb(34,246,190)
```

Complementary Color

#f622c4
```
#f622c4 rgb(246,34,196)
```
#f6225a
```
#f6225a rgb(246,34,90)
```
#f65422
```
#f65422 rgb(246,84,34)
```

Analogous Color

#22c4f6
```
#22c4f6 rgb(34,196,246)
```
#f6225a
```
#f6225a rgb(246,34,90)
```
#22f654
```
#22f654 rgb(34,246,84)
```

Split Complementary Color

#225af6
```
#225af6 rgb(34,90,246)
```
#f6225a
```
#f6225a rgb(246,34,90)
```
#5af622
```
#5af622 rgb(90,246,34)
```

Triadic Color

#be22f6
```
#be22f6 rgb(190,34,246)
```
#f6225a
```
#f6225a rgb(246,34,90)
```
#5af622
```
#5af622 rgb(90,246,34)
```
#22f6be
```
#22f6be rgb(34,246,190)
```

Tetradic Color

#c4083a
```
#c4083a rgb(196,8,58)
```
#dc0941
```
#dc0941 rgb(220,9,65)
```
#f50a48
```
#f50a48 rgb(245,10,72)
```
#f6225a
```
#f6225a rgb(246,34,90)
```
#f73b6c
```
#f73b6c rgb(247,59,108)
```
#f8537f
```
#f8537f rgb(248,83,127)
```
#f96c91
```
#f96c91 rgb(249,108,145)
```

Monochromatic Color

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

#f6228f
```
#f6228f rgb(246,34,143)
```
#f6227d
```
#f6227d rgb(246,34,125)
```
#f6226c
```
#f6226c rgb(246,34,108)
```
#f6225a
```
#f6225a rgb(246,34,90)
```
#f62248
```
#f62248 rgb(246,34,72)
```
#f62237
```
#f62237 rgb(246,34,55)
```
#f62225
```
#f62225 rgb(246,34,37)
```

Similar Colors

Text with hexadecimal color #f6225a

This text has a font color of #f6225a.

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

#f6225a background color

This paragraph has a background color of #f6225a.

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

#f6225a border color

This element has a border color of #f6225a.

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

CSS codes

.text {color:#f6225a;}

.background {background-color:#f6225a;}

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

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

#050002
```
#050002 rgb(5,0,2)
```
#180107
```
#180107 rgb(24,1,7)
```
#2b020d
```
#2b020d rgb(43,2,13)
```
#3e0312
```
#3e0312 rgb(62,3,18)
```
#510318
```
#510318 rgb(81,3,24)
```
#63041d
```
#63041d rgb(99,4,29)
```
#760523
```
#760523 rgb(118,5,35)
```
#890628
```
#890628 rgb(137,6,40)
```
#9c062e
```
#9c062e rgb(156,6,46)
```
#af0733
```
#af0733 rgb(175,7,51)
```
#c20839
```
#c20839 rgb(194,8,57)
```
#d5093e
```
#d5093e rgb(213,9,62)
```
#e70944
```
#e70944 rgb(231,9,68)
```

Shade Color Variation

#f50f4c
```
#f50f4c rgb(245,15,76)
```
#f6225a
```
#f6225a rgb(246,34,90)
```
#f73568
```
#f73568 rgb(247,53,104)
```
#f84876
```
#f84876 rgb(248,72,118)
```
#f85b84
```
#f85b84 rgb(248,91,132)
```
#f96d92
```
#f96d92 rgb(249,109,146)
```
#fa80a0
```
#fa80a0 rgb(250,128,160)
```
#fb93ae
```
#fb93ae rgb(251,147,174)
```
#fba6bd
```
#fba6bd rgb(251,166,189)
```
#fcb9cb
```
#fcb9cb rgb(252,185,203)
```
#fdccd9
```
#fdccd9 rgb(253,204,217)
```
#fedee7
```
#fedee7 rgb(254,222,231)
```
#fef1f5
```
#fef1f5 rgb(254,241,245)
```

Tint Color Variation

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

#958388
```
#958388 rgb(149,131,136)
```
#9e7a84
```
#9e7a84 rgb(158,122,132)
```
#a67280
```
#a67280 rgb(166,114,128)
```
#af697b
```
#af697b rgb(175,105,123)
```
#b86077
```
#b86077 rgb(184,96,119)
```
#c15773
```
#c15773 rgb(193,87,115)
```
#ca4e6f
```
#ca4e6f rgb(202,78,111)
```
#d3456b
```
#d3456b rgb(211,69,107)
```
#db3d67
```
#db3d67 rgb(219,61,103)
```
#e43462
```
#e43462 rgb(228,52,98)
```
#ed2b5e
```
#ed2b5e rgb(237,43,94)
```
#f6225a
```
#f6225a rgb(246,34,90)
```
#ff1956
```
#ff1956 rgb(255,25,86)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#845a65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898582 Protanopia 1% of men
#a18055 Deuteranopia 1% of men
#f53839 Tritanopia 0.001% of the population

Trichromacy

#b16173 Protanomaly 1% of men, 0.01% of women
#c05e57 Deuteranomaly 6% of men, 0.4% of women
#f53045 Tritanomaly 0.01% of the population

#f6225a hex color

#f6225a Color Information

#f6225a Color Conversion

Color Schemes with #f6225a

Alternatives to #f6225a

#f6225a Preview

Shades and Tints of #f6225a

Tones of #f6225a

Color Blindness Simulator