#af12f3 hex color

In a RGB color space, hex #af12f3 is composed of 68.6% red, 7.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 28% cyan, 92.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 281.9 degrees, a saturation of 90.4% and a lightness of 51.2%. #af12f3 color hex could be obtained by blending #ff24ff with #5f00e7. Closest websafe color is: #9900ff.

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

● #af12f3 color description : Vivid violet.

The hexadecimal color #af12f3 has RGB values of R:175, G:18, B:243 and CMYK values of C:0.28, M:0.93, Y:0, K:0.05. Its decimal value is 11473651.

Hex triplet	af12f3	`#af12f3`
RGB Decimal	175, 18, 243	`rgb(175,18,243)`
RGB Percent	68.6, 7.1, 95.3	`rgb(68.6%,7.1%,95.3%)`
CMYK	28, 93, 0, 5
HSL	281.9°, 90.4, 51.2	`hsl(281.9,90.4%,51.2%)`
HSV (or HSB)	281.9°, 92.6, 95.3
Web Safe	9900ff	`#9900ff`

CIE-LAB	46.999, 83.635, -76.317
XYZ	34.071, 16.019, 86.086
xyY	0.25, 0.118, 16.019
CIE-LCH	46.999, 113.222, 317.62
CIE-LUV	46.999, 35.461, -120.764
Hunter-Lab	40.023, 81.912, -99.51
Binary	10101111, 00010010, 11110011

#af12f3
```
#af12f3 rgb(175,18,243)
```
#56f312
```
#56f312 rgb(86,243,18)
```

Complementary Color

#3f12f3
```
#3f12f3 rgb(63,18,243)
```
#af12f3
```
#af12f3 rgb(175,18,243)
```
#f312c7
```
#f312c7 rgb(243,18,199)
```

Analogous Color

#12f33f
```
#12f33f rgb(18,243,63)
```
#af12f3
```
#af12f3 rgb(175,18,243)
```
#c7f312
```
#c7f312 rgb(199,243,18)
```

Split Complementary Color

#12f3af
```
#12f3af rgb(18,243,175)
```
#af12f3
```
#af12f3 rgb(175,18,243)
```
#f3af12
```
#f3af12 rgb(243,175,18)
```

Triadic Color

#1256f3
```
#1256f3 rgb(18,86,243)
```
#af12f3
```
#af12f3 rgb(175,18,243)
```
#f3af12
```
#f3af12 rgb(243,175,18)
```
#56f312
```
#56f312 rgb(86,243,18)
```

Tetradic Color

#7d09b0
```
#7d09b0 rgb(125,9,176)
```
#8f0ac8
```
#8f0ac8 rgb(143,10,200)
```
#a00be0
```
#a00be0 rgb(160,11,224)
```
#af12f3
```
#af12f3 rgb(175,18,243)
```
#b72af4
```
#b72af4 rgb(183,42,244)
```
#bf43f5
```
#bf43f5 rgb(191,67,245)
```
#c85bf7
```
#c85bf7 rgb(200,91,247)
```

Monochromatic Color

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

#7712f3
```
#7712f3 rgb(119,18,243)
```
#8a12f3
```
#8a12f3 rgb(138,18,243)
```
#9c12f3
```
#9c12f3 rgb(156,18,243)
```
#af12f3
```
#af12f3 rgb(175,18,243)
```
#c212f3
```
#c212f3 rgb(194,18,243)
```
#d512f3
```
#d512f3 rgb(213,18,243)
```
#e712f3
```
#e712f3 rgb(231,18,243)
```

Similar Colors

Text with hexadecimal color #af12f3

This text has a font color of #af12f3.

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

#af12f3 background color

This paragraph has a background color of #af12f3.

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

#af12f3 border color

This element has a border color of #af12f3.

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

CSS codes

.text {color:#af12f3;}

.background {background-color:#af12f3;}

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

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

#040006
```
#040006 rgb(4,0,6)
```
#110118
```
#110118 rgb(17,1,24)
```
#1f022b
```
#1f022b rgb(31,2,43)
```
#2c033e
```
#2c033e rgb(44,3,62)
```
#390450
```
#390450 rgb(57,4,80)
```
#470563
```
#470563 rgb(71,5,99)
```
#540676
```
#540676 rgb(84,6,118)
```
#610788
```
#610788 rgb(97,7,136)
```
#6f089b
```
#6f089b rgb(111,8,155)
```
#7c09ae
```
#7c09ae rgb(124,9,174)
```
#890ac0
```
#890ac0 rgb(137,10,192)
```
#970bd3
```
#970bd3 rgb(151,11,211)
```
#a40ce6
```
#a40ce6 rgb(164,12,230)
```

Shade Color Variation

#af12f3
```
#af12f3 rgb(175,18,243)
```
#b525f4
```
#b525f4 rgb(181,37,244)
```
#bc37f5
```
#bc37f5 rgb(188,55,245)
```
#c24af6
```
#c24af6 rgb(194,74,246)
```
#c85df7
```
#c85df7 rgb(200,93,247)
```
#cf6ff8
```
#cf6ff8 rgb(207,111,248)
```
#d582f9
```
#d582f9 rgb(213,130,249)
```
#db95fa
```
#db95fa rgb(219,149,250)
```
#e1a7fb
```
#e1a7fb rgb(225,167,251)
```
#e8bafc
```
#e8bafc rgb(232,186,252)
```
#eecdfc
```
#eecdfc rgb(238,205,252)
```
#f4dffd
```
#f4dffd rgb(244,223,253)
```
#fbf2fe
```
#fbf2fe rgb(251,242,254)
```

Tint Color Variation

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

#857b8a
```
#857b8a rgb(133,123,138)
```
#897293
```
#897293 rgb(137,114,147)
```
#8d689d
```
#8d689d rgb(141,104,157)
```
#915fa6
```
#915fa6 rgb(145,95,166)
```
#9455b0
```
#9455b0 rgb(148,85,176)
```
#984bba
```
#984bba rgb(152,75,186)
```
#9c42c3
```
#9c42c3 rgb(156,66,195)
```
#a038cd
```
#a038cd rgb(160,56,205)
```
#a42fd6
```
#a42fd6 rgb(164,47,214)
```
#a725e0
```
#a725e0 rgb(167,37,224)
```
#ab1ce9
```
#ab1ce9 rgb(171,28,233)
```
#af12f3
```
#af12f3 rgb(175,18,243)
```
#b308fd
```
#b308fd rgb(179,8,253)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c4c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#996971 Tritanopia 0.001% of the population

Trichromacy

#3f50e7 Protanomaly 1% of men, 0.01% of women
#3f53d6 Deuteranomaly 6% of men, 0.4% of women
#a149a0 Tritanomaly 0.01% of the population

#af12f3 hex color

#af12f3 Color Information

#af12f3 Color Conversion

Color Schemes with #af12f3

Alternatives to #af12f3

#af12f3 Preview

Shades and Tints of #af12f3

Tones of #af12f3

Color Blindness Simulator