#afaef1 hex color

In a RGB color space, hex #afaef1 is composed of 68.6% red, 68.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 27.4% cyan, 27.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 240.9 degrees, a saturation of 70.5% and a lightness of 81.4%. #afaef1 color hex could be obtained by blending #ffffff with #5f5de3. Closest websafe color is: #9999ff.

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

● #afaef1 color description : Very soft blue.

The hexadecimal color #afaef1 has RGB values of R:175, G:174, B:241 and CMYK values of C:0.27, M:0.28, Y:0, K:0.05. Its decimal value is 11513585.

Hex triplet	afaef1	`#afaef1`
RGB Decimal	175, 174, 241	`rgb(175,174,241)`
RGB Percent	68.6, 68.2, 94.5	`rgb(68.6%,68.2%,94.5%)`
CMYK	27, 28, 0, 5
HSL	240.9°, 70.5, 81.4	`hsl(240.9,70.5%,81.4%)`
HSV (or HSB)	240.9°, 27.8, 94.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	73.374, 14.836, -33.24
XYZ	48.689, 45.736, 89.477
xyY	0.265, 0.249, 45.736
CIE-LCH	73.374, 36.4, 294.053
CIE-LUV	73.374, -3.526, -55.332
Hunter-Lab	67.629, 10.161, -31.104
Binary	10101111, 10101110, 11110001

#afaef1
```
#afaef1 rgb(175,174,241)
```
#f0f1ae
```
#f0f1ae rgb(240,241,174)
```

Complementary Color

#aecff1
```
#aecff1 rgb(174,207,241)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#d1aef1
```
#d1aef1 rgb(209,174,241)
```

Analogous Color

#cff1ae
```
#cff1ae rgb(207,241,174)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#f1d1ae
```
#f1d1ae rgb(241,209,174)
```

Split Complementary Color

#aef1af
```
#aef1af rgb(174,241,175)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#f1afae
```
#f1afae rgb(241,175,174)
```

Triadic Color

#aef0f1
```
#aef0f1 rgb(174,240,241)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#f1afae
```
#f1afae rgb(241,175,174)
```
#f0f1ae
```
#f0f1ae rgb(240,241,174)
```

Tetradic Color

#6f6de6
```
#6f6de6 rgb(111,109,230)
```
#8483e9
```
#8483e9 rgb(132,131,233)
```
#9a98ed
```
#9a98ed rgb(154,152,237)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#c4c4f5
```
#c4c4f5 rgb(196,196,245)
```
#dad9f9
```
#dad9f9 rgb(218,217,249)
```
#efeffc
```
#efeffc rgb(239,239,252)
```

Monochromatic Color

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

#aebef1
```
#aebef1 rgb(174,190,241)
```
#aeb8f1
```
#aeb8f1 rgb(174,184,241)
```
#aeb3f1
```
#aeb3f1 rgb(174,179,241)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#b5aef1
```
#b5aef1 rgb(181,174,241)
```
#baaef1
```
#baaef1 rgb(186,174,241)
```
#c0aef1
```
#c0aef1 rgb(192,174,241)
```

Similar Colors

Text with hexadecimal color #afaef1

This text has a font color of #afaef1.

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

#afaef1 background color

This paragraph has a background color of #afaef1.

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

#afaef1 border color

This element has a border color of #afaef1.

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

CSS codes

.text {color:#afaef1;}

.background {background-color:#afaef1;}

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

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

#000003
```
#000003 rgb(0,0,3)
```
#040313
```
#040313 rgb(4,3,19)
```
#070624
```
#070624 rgb(7,6,36)
```
#0a0935
```
#0a0935 rgb(10,9,53)
```
#0d0c46
```
#0d0c46 rgb(13,12,70)
```
#100f56
```
#100f56 rgb(16,15,86)
```
#131267
```
#131267 rgb(19,18,103)
```
#161578
```
#161578 rgb(22,21,120)
```
#191888
```
#191888 rgb(25,24,136)
```
#1c1a99
```
#1c1a99 rgb(28,26,153)
```
#1f1daa
```
#1f1daa rgb(31,29,170)
```
#2320bb
```
#2320bb rgb(35,32,187)
```
#2623cb
```
#2623cb rgb(38,35,203)
```

Shade Color Variation

#2b28da
```
#2b28da rgb(43,40,218)
```
#3b39dd
```
#3b39dd rgb(59,57,221)
```
#4c4ae0
```
#4c4ae0 rgb(76,74,224)
```
#5c5ae3
```
#5c5ae3 rgb(92,90,227)
```
#6d6be5
```
#6d6be5 rgb(109,107,229)
```
#7d7ce8
```
#7d7ce8 rgb(125,124,232)
```
#8e8deb
```
#8e8deb rgb(142,141,235)
```
#9e9dee
```
#9e9dee rgb(158,157,238)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#c0bff4
```
#c0bff4 rgb(192,191,244)
```
#d0cff7
```
#d0cff7 rgb(208,207,247)
```
#e1e0fa
```
#e1e0fa rgb(225,224,250)
```
#f1f1fd
```
#f1f1fd rgb(241,241,253)
```

Tint Color Variation

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

#cfcfd0
```
#cfcfd0 rgb(207,207,208)
```
#cbcbd4
```
#cbcbd4 rgb(203,203,212)
```
#c8c8d7
```
#c8c8d7 rgb(200,200,215)
```
#c4c4db
```
#c4c4db rgb(196,196,219)
```
#c1c0df
```
#c1c0df rgb(193,192,223)
```
#bdbde2
```
#bdbde2 rgb(189,189,226)
```
#bab9e6
```
#bab9e6 rgb(186,185,230)
```
#b6b5ea
```
#b6b5ea rgb(182,181,234)
```
#b3b2ed
```
#b3b2ed rgb(179,178,237)
```
#afaef1
```
#afaef1 rgb(175,174,241)
```
#abaaf5
```
#abaaf5 rgb(171,170,245)
```
#a8a7f8
```
#a8a7f8 rgb(168,167,248)
```
#a4a3fc
```
#a4a3fc rgb(164,163,252)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b5b4c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b5f4 Protanopia 1% of men
#a7b5f0 Deuteranopia 1% of men
#a8bac7 Tritanopia 0.001% of the population

Trichromacy

#a8b3f3 Protanomaly 1% of men, 0.01% of women
#aab2f0 Deuteranomaly 6% of men, 0.4% of women
#abb6d6 Tritanomaly 0.01% of the population

#afaef1 hex color

#afaef1 Color Information

#afaef1 Color Conversion

Color Schemes with #afaef1

Alternatives to #afaef1

#afaef1 Preview

Shades and Tints of #afaef1

Tones of #afaef1

Color Blindness Simulator