#af40b4 hex color

In a RGB color space, hex #af40b4 is composed of 68.6% red, 25.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 64.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 297.4 degrees, a saturation of 47.5% and a lightness of 47.8%. #af40b4 color hex could be obtained by blending #ff80ff with #5f0069. Closest websafe color is: #9933cc.

♥
- f
- t
- g
- R 69
- G 25
- B 71
RGB color chart
- C 3
- M 64
- Y 0
- K 29
CMYK color chart

● #af40b4 color description : Moderate magenta.

The hexadecimal color #af40b4 has RGB values of R:175, G:64, B:180 and CMYK values of C:0.03, M:0.64, Y:0, K:0.29. Its decimal value is 11485364.

Hex triplet	af40b4	`#af40b4`
RGB Decimal	175, 64, 180	`rgb(175,64,180)`
RGB Percent	68.6, 25.1, 70.6	`rgb(68.6%,25.1%,70.6%)`
CMYK	3, 64, 0, 29
HSL	297.4°, 47.5, 47.8	`hsl(297.4,47.5%,47.8%)`
HSV (or HSB)	297.4°, 64.4, 70.6
Web Safe	9933cc	`#9933cc`

CIE-LAB	47.076, 59.82, -40.024
XYZ	27.75, 16.078, 44.819
xyY	0.313, 0.181, 16.078
CIE-LCH	47.076, 71.975, 326.215
CIE-LUV	47.076, 47.332, -67.083
Hunter-Lab	40.097, 53.366, -38.205
Binary	10101111, 01000000, 10110100

#af40b4
```
#af40b4 rgb(175,64,180)
```
#45b440
```
#45b440 rgb(69,180,64)
```

Complementary Color

#7540b4
```
#7540b4 rgb(117,64,180)
```
#af40b4
```
#af40b4 rgb(175,64,180)
```
#b4407f
```
#b4407f rgb(180,64,127)
```

Analogous Color

#40b475
```
#40b475 rgb(64,180,117)
```
#af40b4
```
#af40b4 rgb(175,64,180)
```
#7fb440
```
#7fb440 rgb(127,180,64)
```

Split Complementary Color

#40b4af
```
#40b4af rgb(64,180,175)
```
#af40b4
```
#af40b4 rgb(175,64,180)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```

Triadic Color

#4045b4
```
#4045b4 rgb(64,69,180)
```
#af40b4
```
#af40b4 rgb(175,64,180)
```
#b4af40
```
#b4af40 rgb(180,175,64)
```
#45b440
```
#45b440 rgb(69,180,64)
```

Tetradic Color

#782c7c
```
#782c7c rgb(120,44,124)
```
#8a338e
```
#8a338e rgb(138,51,142)
```
#9d39a1
```
#9d39a1 rgb(157,57,161)
```
#af40b4
```
#af40b4 rgb(175,64,180)
```
#bb4ec0
```
#bb4ec0 rgb(187,78,192)
```
#c260c7
```
#c260c7 rgb(194,96,199)
```
#c973cd
```
#c973cd rgb(201,115,205)
```

Monochromatic Color

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

#9240b4
```
#9240b4 rgb(146,64,180)
```
#9c40b4
```
#9c40b4 rgb(156,64,180)
```
#a540b4
```
#a540b4 rgb(165,64,180)
```
#af40b4
```
#af40b4 rgb(175,64,180)
```
#b440af
```
#b440af rgb(180,64,175)
```
#b440a6
```
#b440a6 rgb(180,64,166)
```
#b4409c
```
#b4409c rgb(180,64,156)
```

Similar Colors

Text with hexadecimal color #af40b4

This text has a font color of #af40b4.

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

#af40b4 background color

This paragraph has a background color of #af40b4.

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

#af40b4 border color

This element has a border color of #af40b4.

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

CSS codes

.text {color:#af40b4;}

.background {background-color:#af40b4;}

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

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

#060206
```
#060206 rgb(6,2,6)
```
#140715
```
#140715 rgb(20,7,21)
```
#220d23
```
#220d23 rgb(34,13,35)
```
#301232
```
#301232 rgb(48,18,50)
```
#3e1740
```
#3e1740 rgb(62,23,64)
```
#4d1c4f
```
#4d1c4f rgb(77,28,79)
```
#5b215d
```
#5b215d rgb(91,33,93)
```
#69266c
```
#69266c rgb(105,38,108)
```
#772b7a
```
#772b7a rgb(119,43,122)
```
#853189
```
#853189 rgb(133,49,137)
```
#933697
```
#933697 rgb(147,54,151)
```
#a13ba6
```
#a13ba6 rgb(161,59,166)
```
#af40b4
```
#af40b4 rgb(175,64,180)
```

Shade Color Variation

#b949be
```
#b949be rgb(185,73,190)
```
#bf58c4
```
#bf58c4 rgb(191,88,196)
```
#c466c9
```
#c466c9 rgb(196,102,201)
```
#ca75ce
```
#ca75ce rgb(202,117,206)
```
#d083d3
```
#d083d3 rgb(208,131,211)
```
#d592d8
```
#d592d8 rgb(213,146,216)
```
#dba0dd
```
#dba0dd rgb(219,160,221)
```
#e0afe2
```
#e0afe2 rgb(224,175,226)
```
#e6bde8
```
#e6bde8 rgb(230,189,232)
```
#ebcbed
```
#ebcbed rgb(235,203,237)
```
#f1daf2
```
#f1daf2 rgb(241,218,242)
```
#f6e8f7
```
#f6e8f7 rgb(246,232,247)
```
#fcf7fc
```
#fcf7fc rgb(252,247,252)
```

Tint Color Variation

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

#7c787c
```
#7c787c rgb(124,120,124)
```
#846f85
```
#846f85 rgb(132,111,133)
```
#8d668e
```
#8d668e rgb(141,102,142)
```
#955c98
```
#955c98 rgb(149,92,152)
```
#9e53a1
```
#9e53a1 rgb(158,83,161)
```
#a649ab
```
#a649ab rgb(166,73,171)
```
#af40b4
```
#af40b4 rgb(175,64,180)
```
#b837bd
```
#b837bd rgb(184,55,189)
```
#c02dc7
```
#c02dc7 rgb(192,45,199)
```
#c924d0
```
#c924d0 rgb(201,36,208)
```
#d11ada
```
#d11ada rgb(209,26,218)
```
#da11e3
```
#da11e3 rgb(218,17,227)
```
#e208ec
```
#e208ec rgb(226,8,236)
```

Tone Color Variation

Below, you can see how #af40b4 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
#7b657c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3373d8 Protanopia 1% of men
#5d76ab Deuteranopia 1% of men
#a86269 Tritanopia 0.001% of the population

Trichromacy

#6060cb Protanomaly 1% of men, 0.01% of women
#7b62ae Deuteranomaly 6% of men, 0.4% of women
#aa5684 Tritanomaly 0.01% of the population

#af40b4 hex color

#af40b4 Color Information

#af40b4 Color Conversion

Color Schemes with #af40b4

Alternatives to #af40b4

#af40b4 Preview

Shades and Tints of #af40b4

Tones of #af40b4

Color Blindness Simulator