#af67ff hex color

In a RGB color space, hex #af67ff is composed of 68.6% red, 40.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 31.4% cyan, 59.6% magenta, 0% yellow and 0% black. It has a hue angle of 268.4 degrees, a saturation of 100% and a lightness of 70.2%. #af67ff color hex could be obtained by blending #ffceff with #5f00ff. Closest websafe color is: #9966ff.

♥
- f
- t
- g
- R 69
- G 40
- B 100
RGB color chart
- C 31
- M 60
- Y 0
- K 0
CMYK color chart

● #af67ff color description : Very light violet.

The hexadecimal color #af67ff has RGB values of R:175, G:103, B:255 and CMYK values of C:0.31, M:0.6, Y:0, K:0. Its decimal value is 11495423.

Hex triplet	af67ff	`#af67ff`
RGB Decimal	175, 103, 255	`rgb(175,103,255)`
RGB Percent	68.6, 40.4, 100	`rgb(68.6%,40.4%,100%)`
CMYK	31, 60, 0, 0
HSL	268.4°, 100, 70.2	`hsl(268.4,100%,70.2%)`
HSV (or HSB)	268.4°, 59.6, 100
Web Safe	9966ff	`#9966ff`

CIE-LAB	58.07, 57.218, -65.059
XYZ	40.577, 26.035, 97.49
xyY	0.247, 0.159, 26.035
CIE-LCH	58.07, 86.64, 311.331
CIE-LUV	58.07, 19.985, -109.089
Hunter-Lab	51.024, 52.658, -77.566
Binary	10101111, 01100111, 11111111

#af67ff
```
#af67ff rgb(175,103,255)
```
#b7ff67
```
#b7ff67 rgb(183,255,103)
```

Complementary Color

#676bff
```
#676bff rgb(103,107,255)
```
#af67ff
```
#af67ff rgb(175,103,255)
```
#fb67ff
```
#fb67ff rgb(251,103,255)
```

Analogous Color

#6bff67
```
#6bff67 rgb(107,255,103)
```
#af67ff
```
#af67ff rgb(175,103,255)
```
#fffb67
```
#fffb67 rgb(255,251,103)
```

Split Complementary Color

#67ffaf
```
#67ffaf rgb(103,255,175)
```
#af67ff
```
#af67ff rgb(175,103,255)
```
#ffaf67
```
#ffaf67 rgb(255,175,103)
```

Triadic Color

#67b7ff
```
#67b7ff rgb(103,183,255)
```
#af67ff
```
#af67ff rgb(175,103,255)
```
#ffaf67
```
#ffaf67 rgb(255,175,103)
```
#b7ff67
```
#b7ff67 rgb(183,255,103)
```

Tetradic Color

#871bff
```
#871bff rgb(135,27,255)
```
#9434ff
```
#9434ff rgb(148,52,255)
```
#a24eff
```
#a24eff rgb(162,78,255)
```
#af67ff
```
#af67ff rgb(175,103,255)
```
#bc81ff
```
#bc81ff rgb(188,129,255)
```
#ca9aff
```
#ca9aff rgb(202,154,255)
```
#d7b4ff
```
#d7b4ff rgb(215,180,255)
```

Monochromatic Color

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

#8967ff
```
#8967ff rgb(137,103,255)
```
#9667ff
```
#9667ff rgb(150,103,255)
```
#a267ff
```
#a267ff rgb(162,103,255)
```
#af67ff
```
#af67ff rgb(175,103,255)
```
#bc67ff
```
#bc67ff rgb(188,103,255)
```
#c867ff
```
#c867ff rgb(200,103,255)
```
#d567ff
```
#d567ff rgb(213,103,255)
```

Similar Colors

Text with hexadecimal color #af67ff

This text has a font color of #af67ff.

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

#af67ff background color

This paragraph has a background color of #af67ff.

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

#af67ff border color

This element has a border color of #af67ff.

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

CSS codes

.text {color:#af67ff;}

.background {background-color:#af67ff;}

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

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

#020005
```
#020005 rgb(2,0,5)
```
#0c0019
```
#0c0019 rgb(12,0,25)
```
#15002c
```
#15002c rgb(21,0,44)
```
#1e0040
```
#1e0040 rgb(30,0,64)
```
#270053
```
#270053 rgb(39,0,83)
```
#310067
```
#310067 rgb(49,0,103)
```
#3a007b
```
#3a007b rgb(58,0,123)
```
#43008e
```
#43008e rgb(67,0,142)
```
#4d00a2
```
#4d00a2 rgb(77,0,162)
```
#5600b5
```
#5600b5 rgb(86,0,181)
```
#5f00c9
```
#5f00c9 rgb(95,0,201)
```
#6900dd
```
#6900dd rgb(105,0,221)
```
#7200f0
```
#7200f0 rgb(114,0,240)
```

Shade Color Variation

#7b05ff
```
#7b05ff rgb(123,5,255)
```
#8619ff
```
#8619ff rgb(134,25,255)
```
#902cff
```
#902cff rgb(144,44,255)
```
#9a40ff
```
#9a40ff rgb(154,64,255)
```
#a553ff
```
#a553ff rgb(165,83,255)
```
#af67ff
```
#af67ff rgb(175,103,255)
```
#b97bff
```
#b97bff rgb(185,123,255)
```
#c48eff
```
#c48eff rgb(196,142,255)
```
#cea2ff
```
#cea2ff rgb(206,162,255)
```
#d8b5ff
```
#d8b5ff rgb(216,181,255)
```
#e3c9ff
```
#e3c9ff rgb(227,201,255)
```
#edddff
```
#edddff rgb(237,221,255)
```
#f7f0ff
```
#f7f0ff rgb(247,240,255)
```

Tint Color Variation

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

#b3adb9
```
#b3adb9 rgb(179,173,185)
```
#b2a7bf
```
#b2a7bf rgb(178,167,191)
```
#b2a1c5
```
#b2a1c5 rgb(178,161,197)
```
#b29cca
```
#b29cca rgb(178,156,202)
```
#b196d0
```
#b196d0 rgb(177,150,208)
```
#b190d6
```
#b190d6 rgb(177,144,214)
```
#b18adc
```
#b18adc rgb(177,138,220)
```
#b184e2
```
#b184e2 rgb(177,132,226)
```
#b07ee8
```
#b07ee8 rgb(176,126,232)
```
#b079ed
```
#b079ed rgb(176,121,237)
```
#b073f3
```
#b073f3 rgb(176,115,243)
```
#af6df9
```
#af6df9 rgb(175,109,249)
```
#af67ff
```
#af67ff rgb(175,103,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9586a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8eff Protanopia 1% of men
#3393f1 Deuteranopia 1% of men
#9b8d97 Tritanopia 0.001% of the population

Trichromacy

#717fff Protanomaly 1% of men, 0.01% of women
#6083f6 Deuteranomaly 6% of men, 0.4% of women
#a27fbd Tritanomaly 0.01% of the population

#af67ff hex color

#af67ff Color Information

#af67ff Color Conversion

Color Schemes with #af67ff

Alternatives to #af67ff

#af67ff Preview

Shades and Tints of #af67ff

Tones of #af67ff

Color Blindness Simulator