#af45fb hex color

In a RGB color space, hex #af45fb is composed of 68.6% red, 27.1% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 72.5% magenta, 0% yellow and 1.6% black. It has a hue angle of 274.9 degrees, a saturation of 95.8% and a lightness of 62.7%. #af45fb color hex could be obtained by blending #ff8aff with #5f00f7. Closest websafe color is: #9933ff.

♥
- f
- t
- g
- R 69
- G 27
- B 98
RGB color chart
- C 30
- M 73
- Y 0
- K 2
CMYK color chart

● #af45fb color description : Bright violet.

The hexadecimal color #af45fb has RGB values of R:175, G:69, B:251 and CMYK values of C:0.3, M:0.73, Y:0, K:0.02. Its decimal value is 11486715.

Hex triplet	af45fb	`#af45fb`
RGB Decimal	175, 69, 251	`rgb(175,69,251)`
RGB Percent	68.6, 27.1, 98.4	`rgb(68.6%,27.1%,98.4%)`
CMYK	30, 73, 0, 2
HSL	274.9°, 95.8, 62.7	`hsl(274.9,95.8%,62.7%)`
HSV (or HSB)	274.9°, 72.5, 98.4
Web Safe	9933ff	`#9933ff`

CIE-LAB	52.215, 71.766, -72.301
XYZ	37.217, 20.336, 93.226
xyY	0.247, 0.135, 20.336
CIE-LCH	52.215, 101.872, 314.787
CIE-LUV	52.215, 28.187, -118.148
Hunter-Lab	45.095, 68.399, -91.004
Binary	10101111, 01000101, 11111011

#af45fb
```
#af45fb rgb(175,69,251)
```
#91fb45
```
#91fb45 rgb(145,251,69)
```

Complementary Color

#5445fb
```
#5445fb rgb(84,69,251)
```
#af45fb
```
#af45fb rgb(175,69,251)
```
#fb45ec
```
#fb45ec rgb(251,69,236)
```

Analogous Color

#45fb54
```
#45fb54 rgb(69,251,84)
```
#af45fb
```
#af45fb rgb(175,69,251)
```
#ecfb45
```
#ecfb45 rgb(236,251,69)
```

Split Complementary Color

#45fbaf
```
#45fbaf rgb(69,251,175)
```
#af45fb
```
#af45fb rgb(175,69,251)
```
#fbaf45
```
#fbaf45 rgb(251,175,69)
```

Triadic Color

#4591fb
```
#4591fb rgb(69,145,251)
```
#af45fb
```
#af45fb rgb(175,69,251)
```
#fbaf45
```
#fbaf45 rgb(251,175,69)
```
#91fb45
```
#91fb45 rgb(145,251,69)
```

Tetradic Color

#8d05ee
```
#8d05ee rgb(141,5,238)
```
#9a13fa
```
#9a13fa rgb(154,19,250)
```
#a42cfa
```
#a42cfa rgb(164,44,250)
```
#af45fb
```
#af45fb rgb(175,69,251)
```
#ba5efc
```
#ba5efc rgb(186,94,252)
```
#c477fc
```
#c477fc rgb(196,119,252)
```
#cf90fd
```
#cf90fd rgb(207,144,253)
```

Monochromatic Color

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

#8245fb
```
#8245fb rgb(130,69,251)
```
#9145fb
```
#9145fb rgb(145,69,251)
```
#a045fb
```
#a045fb rgb(160,69,251)
```
#af45fb
```
#af45fb rgb(175,69,251)
```
#be45fb
```
#be45fb rgb(190,69,251)
```
#cd45fb
```
#cd45fb rgb(205,69,251)
```
#dd45fb
```
#dd45fb rgb(221,69,251)
```

Similar Colors

Text with hexadecimal color #af45fb

This text has a font color of #af45fb.

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

#af45fb background color

This paragraph has a background color of #af45fb.

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

#af45fb border color

This element has a border color of #af45fb.

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

CSS codes

.text {color:#af45fb;}

.background {background-color:#af45fb;}

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

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 #f9f2ff is the lightest one.

#040006
```
#040006 rgb(4,0,6)
```
#0f0119
```
#0f0119 rgb(15,1,25)
```
#1a012c
```
#1a012c rgb(26,1,44)
```
#260140
```
#260140 rgb(38,1,64)
```
#310253
```
#310253 rgb(49,2,83)
```
#3c0266
```
#3c0266 rgb(60,2,102)
```
#480379
```
#480379 rgb(72,3,121)
```
#53038c
```
#53038c rgb(83,3,140)
```
#5e03a0
```
#5e03a0 rgb(94,3,160)
```
#6a04b3
```
#6a04b3 rgb(106,4,179)
```
#7504c6
```
#7504c6 rgb(117,4,198)
```
#8005d9
```
#8005d9 rgb(128,5,217)
```
#8c05ec
```
#8c05ec rgb(140,5,236)
```

Shade Color Variation

#960bfa
```
#960bfa rgb(150,11,250)
```
#9e1ffa
```
#9e1ffa rgb(158,31,250)
```
#a732fb
```
#a732fb rgb(167,50,251)
```
#af45fb
```
#af45fb rgb(175,69,251)
```
#b758fb
```
#b758fb rgb(183,88,251)
```
#c06bfc
```
#c06bfc rgb(192,107,252)
```
#c87ffc
```
#c87ffc rgb(200,127,252)
```
#d092fd
```
#d092fd rgb(208,146,253)
```
#d8a5fd
```
#d8a5fd rgb(216,165,253)
```
#e1b8fd
```
#e1b8fd rgb(225,184,253)
```
#e9cbfe
```
#e9cbfe rgb(233,203,254)
```
#f1dffe
```
#f1dffe rgb(241,223,254)
```
#f9f2ff
```
#f9f2ff rgb(249,242,255)
```

Tint Color Variation

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

#a19da3
```
#a19da3 rgb(161,157,163)
```
#a295ab
```
#a295ab rgb(162,149,171)
```
#a38eb2
```
#a38eb2 rgb(163,142,178)
```
#a487b9
```
#a487b9 rgb(164,135,185)
```
#a57fc1
```
#a57fc1 rgb(165,127,193)
```
#a778c8
```
#a778c8 rgb(167,120,200)
```
#a871cf
```
#a871cf rgb(168,113,207)
```
#a96ad6
```
#a96ad6 rgb(169,106,214)
```
#aa62de
```
#aa62de rgb(170,98,222)
```
#ab5be5
```
#ab5be5 rgb(171,91,229)
```
#ad54ec
```
#ad54ec rgb(173,84,236)
```
#ae4cf4
```
#ae4cf4 rgb(174,76,244)
```
#af45fb
```
#af45fb rgb(175,69,251)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#846f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff8 Protanopia 1% of men
#0085dc Deuteranopia 1% of men
#997b84 Tritanopia 0.001% of the population

Trichromacy

#3f6af9 Protanomaly 1% of men, 0.01% of women
#3f6ee7 Deuteranomaly 6% of men, 0.4% of women
#a167af Tritanomaly 0.01% of the population

#af45fb hex color

#af45fb Color Information

#af45fb Color Conversion

Color Schemes with #af45fb

Alternatives to #af45fb

#af45fb Preview

Shades and Tints of #af45fb

Tones of #af45fb

Color Blindness Simulator