#ff0af4 hex color

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

♥
- f
- t
- g
- R 100
- G 4
- B 96
RGB color chart
- C 0
- M 96
- Y 4
- K 0
CMYK color chart

● #ff0af4 color description : Vivid magenta.

The hexadecimal color #ff0af4 has RGB values of R:255, G:10, B:244 and CMYK values of C:0, M:0.96, Y:0.04, K:0. Its decimal value is 16714484.

Hex triplet	ff0af4	`#ff0af4`
RGB Decimal	255, 10, 244	`rgb(255,10,244)`
RGB Percent	100, 3.9, 95.7	`rgb(100%,3.9%,95.7%)`
CMYK	0, 96, 4, 0
HSL	302.7°, 100, 52	`hsl(302.7,100%,52%)`
HSV (or HSB)	302.7°, 96.1, 100
Web Safe	ff00ff	`#ff00ff`

CIE-LAB	59.9, 96.152, -55.4
XYZ	57.677, 28.013, 87.952
xyY	0.332, 0.161, 28.013
CIE-LCH	59.9, 110.97, 330.051
CIE-LUV	59.9, 88.149, -100.011
Hunter-Lab	52.927, 101.895, -61.476
Binary	11111111, 00001010, 11110100

#ff0af4
```
#ff0af4 rgb(255,10,244)
```
#0aff15
```
#0aff15 rgb(10,255,21)
```

Complementary Color

#900aff
```
#900aff rgb(144,10,255)
```
#ff0af4
```
#ff0af4 rgb(255,10,244)
```
#ff0a7a
```
#ff0a7a rgb(255,10,122)
```

Analogous Color

#0aff90
```
#0aff90 rgb(10,255,144)
```
#ff0af4
```
#ff0af4 rgb(255,10,244)
```
#7aff0a
```
#7aff0a rgb(122,255,10)
```

Split Complementary Color

#0af4ff
```
#0af4ff rgb(10,244,255)
```
#ff0af4
```
#ff0af4 rgb(255,10,244)
```
#f4ff0a
```
#f4ff0a rgb(244,255,10)
```

Triadic Color

#150aff
```
#150aff rgb(21,10,255)
```
#ff0af4
```
#ff0af4 rgb(255,10,244)
```
#f4ff0a
```
#f4ff0a rgb(244,255,10)
```
#0aff15
```
#0aff15 rgb(10,255,21)
```

Tetradic Color

#bd00b4
```
#bd00b4 rgb(189,0,180)
```
#d600cc
```
#d600cc rgb(214,0,204)
```
#f000e5
```
#f000e5 rgb(240,0,229)
```
#ff0af4
```
#ff0af4 rgb(255,10,244)
```
#ff24f5
```
#ff24f5 rgb(255,36,245)
```
#ff3df6
```
#ff3df6 rgb(255,61,246)
```
#ff57f7
```
#ff57f7 rgb(255,87,247)
```

Monochromatic Color

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

#cd0aff
```
#cd0aff rgb(205,10,255)
```
#e10aff
```
#e10aff rgb(225,10,255)
```
#f60aff
```
#f60aff rgb(246,10,255)
```
#ff0af4
```
#ff0af4 rgb(255,10,244)
```
#ff0ae0
```
#ff0ae0 rgb(255,10,224)
```
#ff0acb
```
#ff0acb rgb(255,10,203)
```
#ff0ab7
```
#ff0ab7 rgb(255,10,183)
```

Similar Colors

Text with hexadecimal color #ff0af4

This text has a font color of #ff0af4.

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

#ff0af4 background color

This paragraph has a background color of #ff0af4.

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

#ff0af4 border color

This element has a border color of #ff0af4.

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

CSS codes

.text {color:#ff0af4;}

.background {background-color:#ff0af4;}

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

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

#0a000a
```
#0a000a rgb(10,0,10)
```
#1e001c
```
#1e001c rgb(30,0,28)
```
#31002f
```
#31002f rgb(49,0,47)
```
#450042
```
#450042 rgb(69,0,66)
```
#580054
```
#580054 rgb(88,0,84)
```
#6c0067
```
#6c0067 rgb(108,0,103)
```
#80007a
```
#80007a rgb(128,0,122)
```
#93008d
```
#93008d rgb(147,0,141)
```
#a7009f
```
#a7009f rgb(167,0,159)
```
#bb00b2
```
#bb00b2 rgb(187,0,178)
```
#ce00c5
```
#ce00c5 rgb(206,0,197)
```
#e200d8
```
#e200d8 rgb(226,0,216)
```
#f500ea
```
#f500ea rgb(245,0,234)
```

Shade Color Variation

#ff0af4
```
#ff0af4 rgb(255,10,244)
```
#ff1ef5
```
#ff1ef5 rgb(255,30,245)
```
#ff31f6
```
#ff31f6 rgb(255,49,246)
```
#ff45f7
```
#ff45f7 rgb(255,69,247)
```
#ff58f8
```
#ff58f8 rgb(255,88,248)
```
#ff6cf8
```
#ff6cf8 rgb(255,108,248)
```
#ff80f9
```
#ff80f9 rgb(255,128,249)
```
#ff93fa
```
#ff93fa rgb(255,147,250)
```
#ffa7fb
```
#ffa7fb rgb(255,167,251)
```
#ffbbfc
```
#ffbbfc rgb(255,187,252)
```
#ffcefd
```
#ffcefd rgb(255,206,253)
```
#ffe2fe
```
#ffe2fe rgb(255,226,254)
```
#fff5ff
```
#fff5ff rgb(255,245,255)
```

Tint Color Variation

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

#8e7b8d
```
#8e7b8d rgb(142,123,141)
```
#977296
```
#977296 rgb(151,114,150)
```
#a1689e
```
#a1689e rgb(161,104,158)
```
#aa5fa7
```
#aa5fa7 rgb(170,95,167)
```
#b455af
```
#b455af rgb(180,85,175)
```
#bd4cb8
```
#bd4cb8 rgb(189,76,184)
```
#c643c1
```
#c643c1 rgb(198,67,193)
```
#d039c9
```
#d039c9 rgb(208,57,201)
```
#d930d2
```
#d930d2 rgb(217,48,210)
```
#e326da
```
#e326da rgb(227,38,218)
```
#ec1de3
```
#ec1de3 rgb(236,29,227)
```
#f613eb
```
#f613eb rgb(246,19,235)
```
#ff0af4
```
#ff0af4 rgb(255,10,244)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b5a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a92ff Protanopia 1% of men
#6f95dd Deuteranopia 1% of men
#f0696f Tritanopia 0.001% of the population

Trichromacy

#9661fb Protanomaly 1% of men, 0.01% of women
#a362e5 Deuteranomaly 6% of men, 0.4% of women
#f5469f Tritanomaly 0.01% of the population

#ff0af4 hex color

#ff0af4 Color Information

#ff0af4 Color Conversion

Color Schemes with #ff0af4

Alternatives to #ff0af4

#ff0af4 Preview

Shades and Tints of #ff0af4

Tones of #ff0af4

Color Blindness Simulator