colorhexa.com

#ff06f4 hex color

In a RGB color space, hex #ff06f4 is composed of 100% red, 2.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.6% magenta, 4.3% yellow and 0% black. It has a hue angle of 302.7 degrees, a saturation of 100% and a lightness of 51.2%. #ff06f4 color hex could be obtained by blending #ff0cff with #ff00e9. Closest websafe color is: #ff00ff.

- R 100
- G 2
- B 96
RGB color chart
- C 0
- M 98
- Y 4
- K 0
CMYK color chart

● #ff06f4 color description : Vivid magenta.

The hexadecimal color #ff06f4 has RGB values of R:255, G:6, B:244 and CMYK values of C:0, M:0.98, Y:0.04, K:0. Its decimal value is 16713460.

Hex triplet	ff06f4	`#ff06f4`
RGB Decimal	255, 6, 244	`rgb(255,6,244)`
RGB Percent	100, 2.4, 95.7	`rgb(100%,2.4%,95.7%)`
CMYK	0, 98, 4, 0
HSL	302.7°, 100, 51.2	`hsl(302.7,100%,51.2%)`
HSV (or HSB)	302.7°, 97.6, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	59.822, 96.384, -55.525
XYZ	57.633, 27.926, 87.938
xyY	0.332, 0.161, 27.926
CIE-LCH	59.822, 111.233, 330.055
CIE-LUV	59.822, 88.305, -100.204
Hunter-Lab	52.845, 102.194, -61.671
Binary	11111111, 00000110, 11110100

#ff06f4
```
#ff06f4 rgb(255,6,244)
```
#06ff11
```
#06ff11 rgb(6,255,17)
```

Complementary Color

#8e06ff
```
#8e06ff rgb(142,6,255)
```
#ff06f4
```
#ff06f4 rgb(255,6,244)
```
#ff0678
```
#ff0678 rgb(255,6,120)
```

Analogous Color

#06ff8e
```
#06ff8e rgb(6,255,142)
```
#ff06f4
```
#ff06f4 rgb(255,6,244)
```
#78ff06
```
#78ff06 rgb(120,255,6)
```

Split Complementary Color

#06f4ff
```
#06f4ff rgb(6,244,255)
```
#ff06f4
```
#ff06f4 rgb(255,6,244)
```
#f4ff06
```
#f4ff06 rgb(244,255,6)
```

Triadic Color

#b900b0
```
#b900b0 rgb(185,0,176)
```
#d200c9
```
#d200c9 rgb(210,0,201)
```
#ec00e1
```
#ec00e1 rgb(236,0,225)
```
#ff06f4
```
#ff06f4 rgb(255,6,244)
```
#ff20f5
```
#ff20f5 rgb(255,32,245)
```
#ff39f6
```
#ff39f6 rgb(255,57,246)
```
#ff53f7
```
#ff53f7 rgb(255,83,247)
```

Monochromatic Color

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

#cc06ff
```
#cc06ff rgb(204,6,255)
```
#e106ff
```
#e106ff rgb(225,6,255)
```
#f506ff
```
#f506ff rgb(245,6,255)
```
#ff06f4
```
#ff06f4 rgb(255,6,244)
```
#ff06df
```
#ff06df rgb(255,6,223)
```
#ff06cb
```
#ff06cb rgb(255,6,203)
```
#ff06b6
```
#ff06b6 rgb(255,6,182)
```

Similar Colors

Text with hexadecimal color #ff06f4

This text has a font color of #ff06f4.

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

#ff06f4 background color

This paragraph has a background color of #ff06f4.

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

#ff06f4 border color

This element has a border color of #ff06f4.

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

CSS codes

.text {color:#ff06f4;}

.background {background-color:#ff06f4;}

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

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

#060006
```
#060006 rgb(6,0,6)
```
#1a0018
```
#1a0018 rgb(26,0,24)
```
#2d002b
```
#2d002b rgb(45,0,43)
```
#41003e
```
#41003e rgb(65,0,62)
```
#540051
```
#540051 rgb(84,0,81)
```
#680063
```
#680063 rgb(104,0,99)
```
#7c0076
```
#7c0076 rgb(124,0,118)
```
#8f0089
```
#8f0089 rgb(143,0,137)
```
#a3009c
```
#a3009c rgb(163,0,156)
```
#b700ae
```
#b700ae rgb(183,0,174)
```
#ca00c1
```
#ca00c1 rgb(202,0,193)
```
#de00d4
```
#de00d4 rgb(222,0,212)
```
#f100e7
```
#f100e7 rgb(241,0,231)
```

Shade Color Variation

#ff06f4
```
#ff06f4 rgb(255,6,244)
```
#ff1af5
```
#ff1af5 rgb(255,26,245)
```
#ff2df6
```
#ff2df6 rgb(255,45,246)
```
#ff41f7
```
#ff41f7 rgb(255,65,247)
```
#ff54f7
```
#ff54f7 rgb(255,84,247)
```
#ff68f8
```
#ff68f8 rgb(255,104,248)
```
#ff7cf9
```
#ff7cf9 rgb(255,124,249)
```
#ff8ffa
```
#ff8ffa rgb(255,143,250)
```
#ffa3fb
```
#ffa3fb rgb(255,163,251)
```
#ffb7fc
```
#ffb7fc rgb(255,183,252)
```
#ffcafd
```
#ffcafd rgb(255,202,253)
```
#ffdefe
```
#ffdefe rgb(255,222,254)
```
#fff1fe
```
#fff1fe rgb(255,241,254)
```

Tint Color Variation

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

#8c798b
```
#8c798b rgb(140,121,139)
```
#966f94
```
#966f94 rgb(150,111,148)
```
#9f669d
```
#9f669d rgb(159,102,157)
```
#a95ca5
```
#a95ca5 rgb(169,92,165)
```
#b253ae
```
#b253ae rgb(178,83,174)
```
#bc49b7
```
#bc49b7 rgb(188,73,183)
```
#c63fc0
```
#c63fc0 rgb(198,63,192)
```
#cf36c8
```
#cf36c8 rgb(207,54,200)
```
#d92cd1
```
#d92cd1 rgb(217,44,209)
```
#e223da
```
#e223da rgb(226,35,218)
```
#ec19e3
```
#ec19e3 rgb(236,25,227)
```
#f510eb
```
#f510eb rgb(245,16,235)
```
#ff06f4
```
#ff06f4 rgb(255,6,244)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#895887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5992ff Protanopia 1% of men
#6e95dd Deuteranopia 1% of men
#f0696f Tritanopia 0.001% of the population

Trichromacy

#955ffb Protanomaly 1% of men, 0.01% of women
#a361e5 Deuteranomaly 6% of men, 0.4% of women
#f5459f Tritanomaly 0.01% of the population