colorhexa.com

#af09b1 hex color

In a RGB color space, hex #af09b1 is composed of 68.6% red, 3.5% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 94.9% magenta, 0% yellow and 30.6% black. It has a hue angle of 299.3 degrees, a saturation of 90.3% and a lightness of 36.5%. #af09b1 color hex could be obtained by blending #ff12ff with #5f0063. Closest websafe color is: #990099.

- R 69
- G 4
- B 69
RGB color chart
- C 1
- M 95
- Y 0
- K 31
CMYK color chart

● #af09b1 color description : Dark magenta.

The hexadecimal color #af09b1 has RGB values of R:175, G:9, B:177 and CMYK values of C:0.01, M:0.95, Y:0, K:0.31. Its decimal value is 11471281.

Hex triplet	af09b1	`#af09b1`
RGB Decimal	175, 9, 177	`rgb(175,9,177)`
RGB Percent	68.6, 3.5, 69.4	`rgb(68.6%,3.5%,69.4%)`
CMYK	1, 95, 0, 31
HSL	299.3°, 90.3, 36.5	`hsl(299.3,90.3%,36.5%)`
HSV (or HSB)	299.3°, 94.9, 69.4
Web Safe	990099	`#990099`

CIE-LAB	41.977, 73.47, -46.372
XYZ	25.712, 12.485, 42.648
xyY	0.318, 0.154, 12.485
CIE-LCH	41.977, 86.881, 327.741
CIE-LUV	41.977, 56.657, -75.717
Hunter-Lab	35.335, 68.054, -46.828
Binary	10101111, 00001001, 10110001

#af09b1
```
#af09b1 rgb(175,9,177)
```
#0bb109
```
#0bb109 rgb(11,177,9)
```

Complementary Color

#5b09b1
```
#5b09b1 rgb(91,9,177)
```
#af09b1
```
#af09b1 rgb(175,9,177)
```
#b1095f
```
#b1095f rgb(177,9,95)
```

Analogous Color

#09b15b
```
#09b15b rgb(9,177,91)
```
#af09b1
```
#af09b1 rgb(175,9,177)
```
#5fb109
```
#5fb109 rgb(95,177,9)
```

Split Complementary Color

#09b1af
```
#09b1af rgb(9,177,175)
```
#af09b1
```
#af09b1 rgb(175,9,177)
```
#b1af09
```
#b1af09 rgb(177,175,9)
```

Triadic Color

#670568
```
#670568 rgb(103,5,104)
```
#7f0780
```
#7f0780 rgb(127,7,128)
```
#970899
```
#970899 rgb(151,8,153)
```
#af09b1
```
#af09b1 rgb(175,9,177)
```
#c70ac9
```
#c70ac9 rgb(199,10,201)
```
#df0be2
```
#df0be2 rgb(223,11,226)
```
#f013f3
```
#f013f3 rgb(240,19,243)
```

Monochromatic Color

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

#8509b1
```
#8509b1 rgb(133,9,177)
```
#9309b1
```
#9309b1 rgb(147,9,177)
```
#a109b1
```
#a109b1 rgb(161,9,177)
```
#af09b1
```
#af09b1 rgb(175,9,177)
```
#b109a5
```
#b109a5 rgb(177,9,165)
```
#b10997
```
#b10997 rgb(177,9,151)
```
#b10989
```
#b10989 rgb(177,9,137)
```

Similar Colors

Text with hexadecimal color #af09b1

This text has a font color of #af09b1.

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

#af09b1 background color

This paragraph has a background color of #af09b1.

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

#af09b1 border color

This element has a border color of #af09b1.

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

CSS codes

.text {color:#af09b1;}

.background {background-color:#af09b1;}

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

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

#090009
```
#090009 rgb(9,0,9)
```
#1b011c
```
#1b011c rgb(27,1,28)
```
#2e022e
```
#2e022e rgb(46,2,46)
```
#400341
```
#400341 rgb(64,3,65)
```
#530454
```
#530454 rgb(83,4,84)
```
#650566
```
#650566 rgb(101,5,102)
```
#780679
```
#780679 rgb(120,6,121)
```
#8a078c
```
#8a078c rgb(138,7,140)
```
#9d089e
```
#9d089e rgb(157,8,158)
```
#af09b1
```
#af09b1 rgb(175,9,177)
```
#c10ac4
```
#c10ac4 rgb(193,10,196)
```
#d40bd6
```
#d40bd6 rgb(212,11,214)
```
#e60ce9
```
#e60ce9 rgb(230,12,233)
```

Shade Color Variation

#f015f3
```
#f015f3 rgb(240,21,243)
```
#f228f4
```
#f228f4 rgb(242,40,244)
```
#f33bf5
```
#f33bf5 rgb(243,59,245)
```
#f44df6
```
#f44df6 rgb(244,77,246)
```
#f560f7
```
#f560f7 rgb(245,96,247)
```
#f673f8
```
#f673f8 rgb(246,115,248)
```
#f785f9
```
#f785f9 rgb(247,133,249)
```
#f998fa
```
#f998fa rgb(249,152,250)
```
#faabfb
```
#faabfb rgb(250,171,251)
```
#fbbdfc
```
#fbbdfc rgb(251,189,252)
```
#fcd0fd
```
#fcd0fd rgb(252,208,253)
```
#fde3fe
```
#fde3fe rgb(253,227,254)
```
#fef5ff
```
#fef5ff rgb(254,245,255)
```

Tint Color Variation

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

#625862
```
#625862 rgb(98,88,98)
```
#695169
```
#695169 rgb(105,81,105)
```
#704971
```
#704971 rgb(112,73,113)
```
#774278
```
#774278 rgb(119,66,120)
```
#7e3b7f
```
#7e3b7f rgb(126,59,127)
```
#853486
```
#853486 rgb(133,52,134)
```
#8c2d8d
```
#8c2d8d rgb(140,45,141)
```
#932694
```
#932694 rgb(147,38,148)
```
#9a1e9c
```
#9a1e9c rgb(154,30,156)
```
#a117a3
```
#a117a3 rgb(161,23,163)
```
#a810aa
```
#a810aa rgb(168,16,170)
```
#af09b1
```
#af09b1 rgb(175,9,177)
```
#b602b8
```
#b602b8 rgb(182,2,184)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#614062 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067cb Protanopia 1% of men
#466ba4 Deuteranopia 1% of men
#a74e53 Tritanopia 0.001% of the population

Trichromacy

#3f45c1 Protanomaly 1% of men, 0.01% of women
#6c47a8 Deuteranomaly 6% of men, 0.4% of women
#aa3575 Tritanomaly 0.01% of the population