#af25f2 hex color

In a RGB color space, hex #af25f2 is composed of 68.6% red, 14.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 84.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 280.4 degrees, a saturation of 88.7% and a lightness of 54.7%. #af25f2 color hex could be obtained by blending #ff4aff with #5f00e5. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 15
- B 95
RGB color chart
- C 28
- M 85
- Y 0
- K 5
CMYK color chart

● #af25f2 color description : Bright violet.

The hexadecimal color #af25f2 has RGB values of R:175, G:37, B:242 and CMYK values of C:0.28, M:0.85, Y:0, K:0.05. Its decimal value is 11478514.

Hex triplet	af25f2	`#af25f2`
RGB Decimal	175, 37, 242	`rgb(175,37,242)`
RGB Percent	68.6, 14.5, 94.9	`rgb(68.6%,14.5%,94.9%)`
CMYK	28, 85, 0, 5
HSL	280.4°, 88.7, 54.7	`hsl(280.4,88.7%,54.7%)`
HSV (or HSB)	280.4°, 84.7, 94.9
Web Safe	9933ff	`#9933ff`

CIE-LAB	48.069, 80.044, -74.009
XYZ	34.366, 16.849, 85.441
xyY	0.251, 0.123, 16.849
CIE-LCH	48.069, 109.015, 317.243
CIE-LUV	48.069, 34.442, -118.287
Hunter-Lab	41.047, 77.61, -94.68
Binary	10101111, 00100101, 11110010

#af25f2
```
#af25f2 rgb(175,37,242)
```
#68f225
```
#68f225 rgb(104,242,37)
```

Complementary Color

#4925f2
```
#4925f2 rgb(73,37,242)
```
#af25f2
```
#af25f2 rgb(175,37,242)
```
#f225cf
```
#f225cf rgb(242,37,207)
```

Analogous Color

#25f249
```
#25f249 rgb(37,242,73)
```
#af25f2
```
#af25f2 rgb(175,37,242)
```
#cff225
```
#cff225 rgb(207,242,37)
```

Split Complementary Color

#25f2af
```
#25f2af rgb(37,242,175)
```
#af25f2
```
#af25f2 rgb(175,37,242)
```
#f2af25
```
#f2af25 rgb(242,175,37)
```

Triadic Color

#2568f2
```
#2568f2 rgb(37,104,242)
```
#af25f2
```
#af25f2 rgb(175,37,242)
```
#f2af25
```
#f2af25 rgb(242,175,37)
```
#68f225
```
#68f225 rgb(104,242,37)
```

Tetradic Color

#840bbf
```
#840bbf rgb(132,11,191)
```
#950dd7
```
#950dd7 rgb(149,13,215)
```
#a60eef
```
#a60eef rgb(166,14,239)
```
#af25f2
```
#af25f2 rgb(175,37,242)
```
#b83df3
```
#b83df3 rgb(184,61,243)
```
#c155f5
```
#c155f5 rgb(193,85,245)
```
#c96df6
```
#c96df6 rgb(201,109,246)
```

Monochromatic Color

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

#7c25f2
```
#7c25f2 rgb(124,37,242)
```
#8d25f2
```
#8d25f2 rgb(141,37,242)
```
#9e25f2
```
#9e25f2 rgb(158,37,242)
```
#af25f2
```
#af25f2 rgb(175,37,242)
```
#c025f2
```
#c025f2 rgb(192,37,242)
```
#d125f2
```
#d125f2 rgb(209,37,242)
```
#e225f2
```
#e225f2 rgb(226,37,242)
```

Similar Colors

Text with hexadecimal color #af25f2

This text has a font color of #af25f2.

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

#af25f2 background color

This paragraph has a background color of #af25f2.

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

#af25f2 border color

This element has a border color of #af25f2.

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

CSS codes

.text {color:#af25f2;}

.background {background-color:#af25f2;}

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

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

#030004
```
#030004 rgb(3,0,4)
```
#100117
```
#100117 rgb(16,1,23)
```
#1d0229
```
#1d0229 rgb(29,2,41)
```
#29043c
```
#29043c rgb(41,4,60)
```
#36054e
```
#36054e rgb(54,5,78)
```
#430661
```
#430661 rgb(67,6,97)
```
#500773
```
#500773 rgb(80,7,115)
```
#5d0886
```
#5d0886 rgb(93,8,134)
```
#690998
```
#690998 rgb(105,9,152)
```
#760aab
```
#760aab rgb(118,10,171)
```
#830bbd
```
#830bbd rgb(131,11,189)
```
#900cd0
```
#900cd0 rgb(144,12,208)
```
#9d0de2
```
#9d0de2 rgb(157,13,226)
```

Shade Color Variation

#a812f1
```
#a812f1 rgb(168,18,241)
```
#af25f2
```
#af25f2 rgb(175,37,242)
```
#b638f3
```
#b638f3 rgb(182,56,243)
```
#bd4af4
```
#bd4af4 rgb(189,74,244)
```
#c35df5
```
#c35df5 rgb(195,93,245)
```
#ca6ff6
```
#ca6ff6 rgb(202,111,246)
```
#d182f8
```
#d182f8 rgb(209,130,248)
```
#d894f9
```
#d894f9 rgb(216,148,249)
```
#dfa7fa
```
#dfa7fa rgb(223,167,250)
```
#e5b9fb
```
#e5b9fb rgb(229,185,251)
```
#ecccfc
```
#ecccfc rgb(236,204,252)
```
#f3defd
```
#f3defd rgb(243,222,253)
```
#faf1fe
```
#faf1fe rgb(250,241,254)
```

Tint Color Variation

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

#8d8790
```
#8d8790 rgb(141,135,144)
```
#907e99
```
#907e99 rgb(144,126,153)
```
#9375a2
```
#9375a2 rgb(147,117,162)
```
#966cab
```
#966cab rgb(150,108,171)
```
#9963b4
```
#9963b4 rgb(153,99,180)
```
#9d5abd
```
#9d5abd rgb(157,90,189)
```
#a051c6
```
#a051c6 rgb(160,81,198)
```
#a349ce
```
#a349ce rgb(163,73,206)
```
#a640d7
```
#a640d7 rgb(166,64,215)
```
#a937e0
```
#a937e0 rgb(169,55,224)
```
#ac2ee9
```
#ac2ee9 rgb(172,46,233)
```
#af25f2
```
#af25f2 rgb(175,37,242)
```
#b21cfb
```
#b21cfb rgb(178,28,251)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#755982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bcb Deuteranopia 1% of men
#9a6d74 Tritanopia 0.001% of the population

Trichromacy

#3f58ea Protanomaly 1% of men, 0.01% of women
#3f5cd9 Deuteranomaly 6% of men, 0.4% of women
#a153a2 Tritanomaly 0.01% of the population

#af25f2 hex color

#af25f2 Color Information

#af25f2 Color Conversion

Color Schemes with #af25f2

Alternatives to #af25f2

#af25f2 Preview

Shades and Tints of #af25f2

Tones of #af25f2

Color Blindness Simulator