#f06af2 hex color

In a RGB color space, hex #f06af2 is composed of 94.1% red, 41.6% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 56.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 299.1 degrees, a saturation of 84% and a lightness of 68.2%. #f06af2 color hex could be obtained by blending #ffd4ff with #e100e5. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 94
- G 42
- B 95
RGB color chart
- C 1
- M 56
- Y 0
- K 5
CMYK color chart

● #f06af2 color description : Soft magenta.

The hexadecimal color #f06af2 has RGB values of R:240, G:106, B:242 and CMYK values of C:0.01, M:0.56, Y:0, K:0.05. Its decimal value is 15756018.

Hex triplet	f06af2	`#f06af2`
RGB Decimal	240, 106, 242	`rgb(240,106,242)`
RGB Percent	94.1, 41.6, 94.9	`rgb(94.1%,41.6%,94.9%)`
CMYK	1, 56, 0, 5
HSL	299.1°, 84, 68.2	`hsl(299.1,84%,68.2%)`
HSV (or HSB)	299.1°, 56.2, 94.9
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.941, 68.737, -44.874
XYZ	57.115, 35.247, 87.795
xyY	0.317, 0.196, 35.247
CIE-LCH	65.941, 82.089, 326.862
CIE-LUV	65.941, 61.024, -81.25
Hunter-Lab	59.369, 67.825, -46.119
Binary	11110000, 01101010, 11110010

#f06af2
```
#f06af2 rgb(240,106,242)
```
#6cf26a
```
#6cf26a rgb(108,242,106)
```

Complementary Color

#ac6af2
```
#ac6af2 rgb(172,106,242)
```
#f06af2
```
#f06af2 rgb(240,106,242)
```
#f26ab0
```
#f26ab0 rgb(242,106,176)
```

Analogous Color

#6af2ac
```
#6af2ac rgb(106,242,172)
```
#f06af2
```
#f06af2 rgb(240,106,242)
```
#b0f26a
```
#b0f26a rgb(176,242,106)
```

Split Complementary Color

#6af2f0
```
#6af2f0 rgb(106,242,240)
```
#f06af2
```
#f06af2 rgb(240,106,242)
```
#f2f06a
```
#f2f06a rgb(242,240,106)
```

Triadic Color

#6a6cf2
```
#6a6cf2 rgb(106,108,242)
```
#f06af2
```
#f06af2 rgb(240,106,242)
```
#f2f06a
```
#f2f06a rgb(242,240,106)
```
#6cf26a
```
#6cf26a rgb(108,242,106)
```

Tetradic Color

#e924ec
```
#e924ec rgb(233,36,236)
```
#eb3bee
```
#eb3bee rgb(235,59,238)
```
#ee53f0
```
#ee53f0 rgb(238,83,240)
```
#f06af2
```
#f06af2 rgb(240,106,242)
```
#f281f4
```
#f281f4 rgb(242,129,244)
```
#f599f6
```
#f599f6 rgb(245,153,246)
```
#f7b0f8
```
#f7b0f8 rgb(247,176,248)
```

Monochromatic Color

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

#ce6af2
```
#ce6af2 rgb(206,106,242)
```
#d96af2
```
#d96af2 rgb(217,106,242)
```
#e56af2
```
#e56af2 rgb(229,106,242)
```
#f06af2
```
#f06af2 rgb(240,106,242)
```
#f26ae9
```
#f26ae9 rgb(242,106,233)
```
#f26add
```
#f26add rgb(242,106,221)
```
#f26ad2
```
#f26ad2 rgb(242,106,210)
```

Similar Colors

Text with hexadecimal color #f06af2

This text has a font color of #f06af2.

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

#f06af2 background color

This paragraph has a background color of #f06af2.

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

#f06af2 border color

This element has a border color of #f06af2.

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

CSS codes

.text {color:#f06af2;}

.background {background-color:#f06af2;}

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

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, #0d010d is the darkest color, while #fffaff is the lightest one.

#0d010d
```
#0d010d rgb(13,1,13)
```
#1f031f
```
#1f031f rgb(31,3,31)
```
#310431
```
#310431 rgb(49,4,49)
```
#430643
```
#430643 rgb(67,6,67)
```
#540756
```
#540756 rgb(84,7,86)
```
#660968
```
#660968 rgb(102,9,104)
```
#780b7a
```
#780b7a rgb(120,11,122)
```
#8a0c8c
```
#8a0c8c rgb(138,12,140)
```
#9c0e9e
```
#9c0e9e rgb(156,14,158)
```
#ad0fb0
```
#ad0fb0 rgb(173,15,176)
```
#bf11c2
```
#bf11c2 rgb(191,17,194)
```
#d112d4
```
#d112d4 rgb(209,18,212)
```
#e314e6
```
#e314e6 rgb(227,20,230)
```

Shade Color Variation

#e922ec
```
#e922ec rgb(233,34,236)
```
#eb34ed
```
#eb34ed rgb(235,52,237)
```
#ec46ef
```
#ec46ef rgb(236,70,239)
```
#ee58f0
```
#ee58f0 rgb(238,88,240)
```
#f06af2
```
#f06af2 rgb(240,106,242)
```
#f27cf4
```
#f27cf4 rgb(242,124,244)
```
#f48ef5
```
#f48ef5 rgb(244,142,245)
```
#f5a0f7
```
#f5a0f7 rgb(245,160,247)
```
#f7b2f8
```
#f7b2f8 rgb(247,178,248)
```
#f9c4fa
```
#f9c4fa rgb(249,196,250)
```
#fbd6fb
```
#fbd6fb rgb(251,214,251)
```
#fde8fd
```
#fde8fd rgb(253,232,253)
```
#fffaff
```
#fffaff rgb(255,250,255)
```

Tint Color Variation

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

#b4a8b4
```
#b4a8b4 rgb(180,168,180)
```
#baa2ba
```
#baa2ba rgb(186,162,186)
```
#c09cc0
```
#c09cc0 rgb(192,156,192)
```
#c696c6
```
#c696c6 rgb(198,150,198)
```
#cc8fcd
```
#cc8fcd rgb(204,143,205)
```
#d289d3
```
#d289d3 rgb(210,137,211)
```
#d883d9
```
#d883d9 rgb(216,131,217)
```
#de7ddf
```
#de7ddf rgb(222,125,223)
```
#e476e6
```
#e476e6 rgb(228,118,230)
```
#ea70ec
```
#ea70ec rgb(234,112,236)
```
#f06af2
```
#f06af2 rgb(240,106,242)
```
#f664f8
```
#f664f8 rgb(246,100,248)
```
#fc5efe
```
#fc5efe rgb(252,94,254)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#b297b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ca2ff Protanopia 1% of men
#8ba3e4 Deuteranopia 1% of men
#e38c95 Tritanopia 0.001% of the population

Trichromacy

#a68dfa Protanomaly 1% of men, 0.01% of women
#b08ee9 Deuteranomaly 6% of men, 0.4% of women
#e87fb7 Tritanomaly 0.01% of the population

#f06af2 hex color

#f06af2 Color Information

#f06af2 Color Conversion

Color Schemes with #f06af2

Alternatives to #f06af2

#f06af2 Preview

Shades and Tints of #f06af2

Tones of #f06af2

Color Blindness Simulator