colorhexa.com

#f063a2 hex color

In a RGB color space, hex #f063a2 is composed of 94.1% red, 38.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.8% magenta, 32.5% yellow and 5.9% black. It has a hue angle of 333.2 degrees, a saturation of 82.5% and a lightness of 66.5%. #f063a2 color hex could be obtained by blending #ffc6ff with #e10045. Closest websafe color is: #ff6699.

- R 94
- G 39
- B 64
RGB color chart
- C 0
- M 59
- Y 33
- K 6
CMYK color chart

● #f063a2 color description : Soft pink.

The hexadecimal color #f063a2 has RGB values of R:240, G:99, B:162 and CMYK values of C:0, M:0.59, Y:0.33, K:0.06. Its decimal value is 15754146.

Hex triplet	f063a2	`#f063a2`
RGB Decimal	240, 99, 162	`rgb(240,99,162)`
RGB Percent	94.1, 38.8, 63.5	`rgb(94.1%,38.8%,63.5%)`
CMYK	0, 59, 33, 6
HSL	333.2°, 82.5, 66.5	`hsl(333.2,82.5%,66.5%)`
HSV (or HSB)	333.2°, 58.8, 94.1
Web Safe	ff6699	`#ff6699`

CIE-LAB	61.707, 60.216, -6.228
XYZ	46.919, 30.061, 37.512
xyY	0.41, 0.263, 30.061
CIE-LCH	61.707, 60.537, 354.095
CIE-LUV	61.707, 87.95, -20.119
Hunter-Lab	54.828, 56.801, -2.185
Binary	11110000, 01100011, 10100010

#f063a2
```
#f063a2 rgb(240,99,162)
```
#63f0b1
```
#63f0b1 rgb(99,240,177)
```

Complementary Color

#f063e9
```
#f063e9 rgb(240,99,233)
```
#f063a2
```
#f063a2 rgb(240,99,162)
```
#f06b63
```
#f06b63 rgb(240,107,99)
```

Analogous Color

#63e9f0
```
#63e9f0 rgb(99,233,240)
```
#f063a2
```
#f063a2 rgb(240,99,162)
```
#63f06b
```
#63f06b rgb(99,240,107)
```

Split Complementary Color

#63a2f0
```
#63a2f0 rgb(99,162,240)
```
#f063a2
```
#f063a2 rgb(240,99,162)
```
#a2f063
```
#a2f063 rgb(162,240,99)
```

Triadic Color

#b163f0
```
#b163f0 rgb(177,99,240)
```
#f063a2
```
#f063a2 rgb(240,99,162)
```
#a2f063
```
#a2f063 rgb(162,240,99)
```
#63f0b1
```
#63f0b1 rgb(99,240,177)
```

Tetradic Color

#e91d78
```
#e91d78 rgb(233,29,120)
```
#ec3486
```
#ec3486 rgb(236,52,134)
```
#ee4c94
```
#ee4c94 rgb(238,76,148)
```
#f063a2
```
#f063a2 rgb(240,99,162)
```
#f27ab0
```
#f27ab0 rgb(242,122,176)
```
#f492be
```
#f492be rgb(244,146,190)
```
#f7a9cc
```
#f7a9cc rgb(247,169,204)
```

Monochromatic Color

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

#f063c5
```
#f063c5 rgb(240,99,197)
```
#f063ba
```
#f063ba rgb(240,99,186)
```
#f063ae
```
#f063ae rgb(240,99,174)
```
#f063a2
```
#f063a2 rgb(240,99,162)
```
#f06396
```
#f06396 rgb(240,99,150)
```
#f0638b
```
#f0638b rgb(240,99,139)
```
#f0637f
```
#f0637f rgb(240,99,127)
```

Similar Colors

Text with hexadecimal color #f063a2

This text has a font color of #f063a2.

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

#f063a2 background color

This paragraph has a background color of #f063a2.

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

#f063a2 border color

This element has a border color of #f063a2.

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

CSS codes

.text {color:#f063a2;}

.background {background-color:#f063a2;}

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

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

#050003
```
#050003 rgb(5,0,3)
```
#17020b
```
#17020b rgb(23,2,11)
```
#290414
```
#290414 rgb(41,4,20)
```
#3b061d
```
#3b061d rgb(59,6,29)
```
#4d0726
```
#4d0726 rgb(77,7,38)
```
#5f092f
```
#5f092f rgb(95,9,47)
```
#700b38
```
#700b38 rgb(112,11,56)
```
#820d41
```
#820d41 rgb(130,13,65)
```
#940e4a
```
#940e4a rgb(148,14,74)
```
#a61053
```
#a61053 rgb(166,16,83)
```
#b8125c
```
#b8125c rgb(184,18,92)
```
#ca1365
```
#ca1365 rgb(202,19,101)
```
#dc156e
```
#dc156e rgb(220,21,110)
```

Shade Color Variation

#e91b77
```
#e91b77 rgb(233,27,119)
```
#eb2d82
```
#eb2d82 rgb(235,45,130)
```
#ed3f8d
```
#ed3f8d rgb(237,63,141)
```
#ee5197
```
#ee5197 rgb(238,81,151)
```
#f063a2
```
#f063a2 rgb(240,99,162)
```
#f275ad
```
#f275ad rgb(242,117,173)
```
#f387b7
```
#f387b7 rgb(243,135,183)
```
#f599c2
```
#f599c2 rgb(245,153,194)
```
#f7abcd
```
#f7abcd rgb(247,171,205)
```
#f9bcd7
```
#f9bcd7 rgb(249,188,215)
```
#facee2
```
#facee2 rgb(250,206,226)
```
#fce0ed
```
#fce0ed rgb(252,224,237)
```
#fef2f7
```
#fef2f7 rgb(254,242,247)
```

Tint Color Variation

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

#aea5a9
```
#aea5a9 rgb(174,165,169)
```
#b59ea8
```
#b59ea8 rgb(181,158,168)
```
#bb98a8
```
#bb98a8 rgb(187,152,168)
```
#c291a7
```
#c291a7 rgb(194,145,167)
```
#c98aa6
```
#c98aa6 rgb(201,138,166)
```
#cf84a5
```
#cf84a5 rgb(207,132,165)
```
#d67da5
```
#d67da5 rgb(214,125,165)
```
#dc77a4
```
#dc77a4 rgb(220,119,164)
```
#e370a3
```
#e370a3 rgb(227,112,163)
```
#e96aa3
```
#e96aa3 rgb(233,106,163)
```
#f063a2
```
#f063a2 rgb(240,99,162)
```
#f75ca1
```
#f75ca1 rgb(247,92,161)
```
#fd56a1
```
#fd56a1 rgb(253,86,161)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a68a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f99c0 Protanopia 1% of men
#a7969c Deuteranopia 1% of men
#ed747b Tritanopia 0.001% of the population

Trichromacy

#b285b5 Protanomaly 1% of men, 0.01% of women
#c2839e Deuteranomaly 6% of men, 0.4% of women
#ee6e89 Tritanomaly 0.01% of the population