#f069f6 hex color

In a RGB color space, hex #f069f6 is composed of 94.1% red, 41.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 57.3% magenta, 0% yellow and 3.5% black. It has a hue angle of 297.4 degrees, a saturation of 88.7% and a lightness of 68.8%. #f069f6 color hex could be obtained by blending #ffd2ff with #e100ed. Closest websafe color is: #ff66ff.

♥
- f
- t
- g
- R 94
- G 41
- B 96
RGB color chart
- C 2
- M 57
- Y 0
- K 4
CMYK color chart

● #f069f6 color description : Soft magenta.

The hexadecimal color #f069f6 has RGB values of R:240, G:105, B:246 and CMYK values of C:0.02, M:0.57, Y:0, K:0.04. Its decimal value is 15755766.

Hex triplet	f069f6	`#f069f6`
RGB Decimal	240, 105, 246	`rgb(240,105,246)`
RGB Percent	94.1, 41.2, 96.5	`rgb(94.1%,41.2%,96.5%)`
CMYK	2, 57, 0, 4
HSL	297.4°, 88.7, 68.8	`hsl(297.4,88.7%,68.8%)`
HSV (or HSB)	297.4°, 57.3, 96.5
Web Safe	ff66ff	`#ff66ff`

CIE-LAB	65.97, 69.85, -47.034
XYZ	57.62, 35.285, 90.96
xyY	0.313, 0.192, 35.285
CIE-LCH	65.97, 84.209, 326.045
CIE-LUV	65.97, 60.229, -84.883
Hunter-Lab	59.401, 69.194, -49.208
Binary	11110000, 01101001, 11110110

#f069f6
```
#f069f6 rgb(240,105,246)
```
#6ff669
```
#6ff669 rgb(111,246,105)
```

Complementary Color

#aa69f6
```
#aa69f6 rgb(170,105,246)
```
#f069f6
```
#f069f6 rgb(240,105,246)
```
#f669b6
```
#f669b6 rgb(246,105,182)
```

Analogous Color

#69f6aa
```
#69f6aa rgb(105,246,170)
```
#f069f6
```
#f069f6 rgb(240,105,246)
```
#b6f669
```
#b6f669 rgb(182,246,105)
```

Split Complementary Color

#69f6f0
```
#69f6f0 rgb(105,246,240)
```
#f069f6
```
#f069f6 rgb(240,105,246)
```
#f6f069
```
#f6f069 rgb(246,240,105)
```

Triadic Color

#696ff6
```
#696ff6 rgb(105,111,246)
```
#f069f6
```
#f069f6 rgb(240,105,246)
```
#f6f069
```
#f6f069 rgb(246,240,105)
```
#6ff669
```
#6ff669 rgb(111,246,105)
```

Tetradic Color

#e921f2
```
#e921f2 rgb(233,33,242)
```
#eb39f3
```
#eb39f3 rgb(235,57,243)
```
#ee51f5
```
#ee51f5 rgb(238,81,245)
```
#f069f6
```
#f069f6 rgb(240,105,246)
```
#f281f7
```
#f281f7 rgb(242,129,247)
```
#f599f9
```
#f599f9 rgb(245,153,249)
```
#f7b1fa
```
#f7b1fa rgb(247,177,250)
```

Monochromatic Color

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

#cd69f6
```
#cd69f6 rgb(205,105,246)
```
#d969f6
```
#d969f6 rgb(217,105,246)
```
#e469f6
```
#e469f6 rgb(228,105,246)
```
#f069f6
```
#f069f6 rgb(240,105,246)
```
#f669f0
```
#f669f0 rgb(246,105,240)
```
#f669e5
```
#f669e5 rgb(246,105,229)
```
#f669d9
```
#f669d9 rgb(246,105,217)
```

Similar Colors

Text with hexadecimal color #f069f6

This text has a font color of #f069f6.

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

#f069f6 background color

This paragraph has a background color of #f069f6.

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

#f069f6 border color

This element has a border color of #f069f6.

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

CSS codes

.text {color:#f069f6;}

.background {background-color:#f069f6;}

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

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

#100111
```
#100111 rgb(16,1,17)
```
#220223
```
#220223 rgb(34,2,35)
```
#330336
```
#330336 rgb(51,3,54)
```
#450448
```
#450448 rgb(69,4,72)
```
#57055b
```
#57055b rgb(87,5,91)
```
#69076d
```
#69076d rgb(105,7,109)
```
#7a0880
```
#7a0880 rgb(122,8,128)
```
#8c0992
```
#8c0992 rgb(140,9,146)
```
#9e0aa5
```
#9e0aa5 rgb(158,10,165)
```
#b00bb7
```
#b00bb7 rgb(176,11,183)
```
#c20cca
```
#c20cca rgb(194,12,202)
```
#d30ddc
```
#d30ddc rgb(211,13,220)
```
#e50eef
```
#e50eef rgb(229,14,239)
```

Shade Color Variation

#e91ff2
```
#e91ff2 rgb(233,31,242)
```
#ea31f3
```
#ea31f3 rgb(234,49,243)
```
#ec44f4
```
#ec44f4 rgb(236,68,244)
```
#ee56f5
```
#ee56f5 rgb(238,86,245)
```
#f069f6
```
#f069f6 rgb(240,105,246)
```
#f27cf7
```
#f27cf7 rgb(242,124,247)
```
#f48ef8
```
#f48ef8 rgb(244,142,248)
```
#f6a1f9
```
#f6a1f9 rgb(246,161,249)
```
#f7b3fa
```
#f7b3fa rgb(247,179,250)
```
#f9c6fc
```
#f9c6fc rgb(249,198,252)
```
#fbd8fd
```
#fbd8fd rgb(251,216,253)
```
#fdebfe
```
#fdebfe rgb(253,235,254)
```
#fffdff
```
#fffdff rgb(255,253,255)
```

Tint Color Variation

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

#b2acb3
```
#b2acb3 rgb(178,172,179)
```
#b8a6b9
```
#b8a6b9 rgb(184,166,185)
```
#bea0bf
```
#bea0bf rgb(190,160,191)
```
#c39ac5
```
#c39ac5 rgb(195,154,197)
```
#c994cb
```
#c994cb rgb(201,148,203)
```
#ce8ed1
```
#ce8ed1 rgb(206,142,209)
```
#d488d7
```
#d488d7 rgb(212,136,215)
```
#da81de
```
#da81de rgb(218,129,222)
```
#df7be4
```
#df7be4 rgb(223,123,228)
```
#e575ea
```
#e575ea rgb(229,117,234)
```
#ea6ff0
```
#ea6ff0 rgb(234,111,240)
```
#f069f6
```
#f069f6 rgb(240,105,246)
```
#f663fc
```
#f663fc rgb(246,99,252)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#b196b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7ca2ff Protanopia 1% of men
#88a4e7 Deuteranopia 1% of men
#e38c96 Tritanopia 0.001% of the population

Trichromacy

#a68dfb Protanomaly 1% of men, 0.01% of women
#ad8eec Deuteranomaly 6% of men, 0.4% of women
#e77fb8 Tritanomaly 0.01% of the population

#f069f6 hex color

#f069f6 Color Information

#f069f6 Color Conversion

Color Schemes with #f069f6

Alternatives to #f069f6

#f069f6 Preview

Shades and Tints of #f069f6

Tones of #f069f6

Color Blindness Simulator