#afd1ef hex color

In a RGB color space, hex #afd1ef is composed of 68.6% red, 82% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 12.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 208.1 degrees, a saturation of 66.7% and a lightness of 81.2%. #afd1ef color hex could be obtained by blending #ffffff with #5fa3df. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 69
- G 82
- B 94
RGB color chart
- C 27
- M 13
- Y 0
- K 6
CMYK color chart

● #afd1ef color description : Very soft blue.

The hexadecimal color #afd1ef has RGB values of R:175, G:209, B:239 and CMYK values of C:0.27, M:0.13, Y:0, K:0.06. Its decimal value is 11522543.

Hex triplet	afd1ef	`#afd1ef`
RGB Decimal	175, 209, 239	`rgb(175,209,239)`
RGB Percent	68.6, 82, 93.7	`rgb(68.6%,82%,93.7%)`
CMYK	27, 13, 0, 6
HSL	208.1°, 66.7, 81.2	`hsl(208.1,66.7%,81.2%)`
HSV (or HSB)	208.1°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.349, -4.613, -18.453
XYZ	56.056, 60.945, 90.467
xyY	0.27, 0.294, 60.945
CIE-LCH	82.349, 19.021, 255.965
CIE-LUV	82.349, -18.469, -28.449
Hunter-Lab	78.068, -8.447, -14.06
Binary	10101111, 11010001, 11101111

#afd1ef
```
#afd1ef rgb(175,209,239)
```
#efcdaf
```
#efcdaf rgb(239,205,175)
```

Complementary Color

#afefed
```
#afefed rgb(175,239,237)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```
#afb1ef
```
#afb1ef rgb(175,177,239)
```

Analogous Color

#efedaf
```
#efedaf rgb(239,237,175)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```
#efafb1
```
#efafb1 rgb(239,175,177)
```

Split Complementary Color

#d1efaf
```
#d1efaf rgb(209,239,175)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```
#efafd1
```
#efafd1 rgb(239,175,209)
```

Triadic Color

#afefcd
```
#afefcd rgb(175,239,205)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```
#efafd1
```
#efafd1 rgb(239,175,209)
```
#efcdaf
```
#efcdaf rgb(239,205,175)
```

Tetradic Color

#6face2
```
#6face2 rgb(111,172,226)
```
#85b9e7
```
#85b9e7 rgb(133,185,231)
```
#9ac5eb
```
#9ac5eb rgb(154,197,235)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```
#c4ddf3
```
#c4ddf3 rgb(196,221,243)
```
#dae9f8
```
#dae9f8 rgb(218,233,248)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Monochromatic Color

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

#afe1ef
```
#afe1ef rgb(175,225,239)
```
#afdcef
```
#afdcef rgb(175,220,239)
```
#afd6ef
```
#afd6ef rgb(175,214,239)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```
#afccef
```
#afccef rgb(175,204,239)
```
#afc6ef
```
#afc6ef rgb(175,198,239)
```
#afc1ef
```
#afc1ef rgb(175,193,239)
```

Similar Colors

Text with hexadecimal color #afd1ef

This text has a font color of #afd1ef.

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

#afd1ef background color

This paragraph has a background color of #afd1ef.

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

#afd1ef border color

This element has a border color of #afd1ef.

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

CSS codes

.text {color:#afd1ef;}

.background {background-color:#afd1ef;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040b12
```
#040b12 rgb(4,11,18)
```
#071622
```
#071622 rgb(7,22,34)
```
#0a2033
```
#0a2033 rgb(10,32,51)
```
#0d2a43
```
#0d2a43 rgb(13,42,67)
```
#113453
```
#113453 rgb(17,52,83)
```
#143e64
```
#143e64 rgb(20,62,100)
```
#174974
```
#174974 rgb(23,73,116)
```
#1b5385
```
#1b5385 rgb(27,83,133)
```
#1e5d95
```
#1e5d95 rgb(30,93,149)
```
#2167a5
```
#2167a5 rgb(33,103,165)
```
#2471b6
```
#2471b6 rgb(36,113,182)
```
#287cc6
```
#287cc6 rgb(40,124,198)
```

Shade Color Variation

#2c86d5
```
#2c86d5 rgb(44,134,213)
```
#3d8fd8
```
#3d8fd8 rgb(61,143,216)
```
#4d99db
```
#4d99db rgb(77,153,219)
```
#5da2df
```
#5da2df rgb(93,162,223)
```
#6eabe2
```
#6eabe2 rgb(110,171,226)
```
#7eb5e5
```
#7eb5e5 rgb(126,181,229)
```
#8ebee8
```
#8ebee8 rgb(142,190,232)
```
#9fc8ec
```
#9fc8ec rgb(159,200,236)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```
#bfdaf2
```
#bfdaf2 rgb(191,218,242)
```
#d0e4f6
```
#d0e4f6 rgb(208,228,246)
```
#e0edf9
```
#e0edf9 rgb(224,237,249)
```
#f0f7fc
```
#f0f7fc rgb(240,247,252)
```

Tint Color Variation

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

#cdcfd1
```
#cdcfd1 rgb(205,207,209)
```
#c9cfd5
```
#c9cfd5 rgb(201,207,213)
```
#c5d0d9
```
#c5d0d9 rgb(197,208,217)
```
#c1d0dd
```
#c1d0dd rgb(193,208,221)
```
#bed0e0
```
#bed0e0 rgb(190,208,224)
```
#bad0e4
```
#bad0e4 rgb(186,208,228)
```
#b6d1e8
```
#b6d1e8 rgb(182,209,232)
```
#b3d1eb
```
#b3d1eb rgb(179,209,235)
```
#afd1ef
```
#afd1ef rgb(175,209,239)
```
#abd1f3
```
#abd1f3 rgb(171,209,243)
```
#a8d1f6
```
#a8d1f6 rgb(168,209,246)
```
#a4d2fa
```
#a4d2fa rgb(164,210,250)
```
#a0d2fe
```
#a0d2fe rgb(160,210,254)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5cbd1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cdec Protanopia 1% of men
#d0cbf2 Deuteranopia 1% of men
#b0d5e4 Tritanopia 0.001% of the population

Trichromacy

#bfcfed Protanomaly 1% of men, 0.01% of women
#c4cdf1 Deuteranomaly 6% of men, 0.4% of women
#afd3e8 Tritanomaly 0.01% of the population

#afd1ef hex color

#afd1ef Color Information

#afd1ef Color Conversion

Color Schemes with #afd1ef

Alternatives to #afd1ef

#afd1ef Preview

Shades and Tints of #afd1ef

Tones of #afd1ef

Color Blindness Simulator