colorhexa.com

#afd5ef hex color

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

- R 69
- G 84
- B 94
RGB color chart
- C 27
- M 11
- Y 0
- K 6
CMYK color chart

● #afd5ef color description : Very soft blue.

The hexadecimal color #afd5ef has RGB values of R:175, G:213, B:239 and CMYK values of C:0.27, M:0.11, Y:0, K:0.06. Its decimal value is 11523567.

Hex triplet	afd5ef	`#afd5ef`
RGB Decimal	175, 213, 239	`rgb(175,213,239)`
RGB Percent	68.6, 83.5, 93.7	`rgb(68.6%,83.5%,93.7%)`
CMYK	27, 11, 0, 6
HSL	204.4°, 66.7, 81.2	`hsl(204.4,66.7%,81.2%)`
HSV (or HSB)	204.4°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.407, -6.709, -16.859
XYZ	57.05, 62.933, 90.798
xyY	0.271, 0.299, 62.933
CIE-LCH	83.407, 18.144, 248.301
CIE-LUV	83.407, -20.211, -25.545
Hunter-Lab	79.33, -10.46, -12.33
Binary	10101111, 11010101, 11101111

#afd5ef
```
#afd5ef rgb(175,213,239)
```
#efc9af
```
#efc9af rgb(239,201,175)
```

Complementary Color

#afefe9
```
#afefe9 rgb(175,239,233)
```
#afd5ef
```
#afd5ef rgb(175,213,239)
```
#afb5ef
```
#afb5ef rgb(175,181,239)
```

Analogous Color

#efe9af
```
#efe9af rgb(239,233,175)
```
#afd5ef
```
#afd5ef rgb(175,213,239)
```
#efafb5
```
#efafb5 rgb(239,175,181)
```

Split Complementary Color

#d5efaf
```
#d5efaf rgb(213,239,175)
```
#afd5ef
```
#afd5ef rgb(175,213,239)
```
#efafd5
```
#efafd5 rgb(239,175,213)
```

Triadic Color

#afefc9
```
#afefc9 rgb(175,239,201)
```
#afd5ef
```
#afd5ef rgb(175,213,239)
```
#efafd5
```
#efafd5 rgb(239,175,213)
```
#efc9af
```
#efc9af rgb(239,201,175)
```

Tetradic Color

#6fb4e2
```
#6fb4e2 rgb(111,180,226)
```
#85bfe7
```
#85bfe7 rgb(133,191,231)
```
#9acaeb
```
#9acaeb rgb(154,202,235)
```
#afd5ef
```
#afd5ef rgb(175,213,239)
```
#c4e0f3
```
#c4e0f3 rgb(196,224,243)
```
#daebf8
```
#daebf8 rgb(218,235,248)
```
#eff6fc
```
#eff6fc rgb(239,246,252)
```

Monochromatic Color

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

#afe5ef
```
#afe5ef rgb(175,229,239)
```
#afe0ef
```
#afe0ef rgb(175,224,239)
```
#afdaef
```
#afdaef rgb(175,218,239)
```
#afd5ef
```
#afd5ef rgb(175,213,239)
```
#afd0ef
```
#afd0ef rgb(175,208,239)
```
#afcaef
```
#afcaef rgb(175,202,239)
```
#afc5ef
```
#afc5ef rgb(175,197,239)
```

Similar Colors

Text with hexadecimal color #afd5ef

This text has a font color of #afd5ef.

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

#afd5ef background color

This paragraph has a background color of #afd5ef.

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

#afd5ef border color

This element has a border color of #afd5ef.

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

CSS codes

.text {color:#afd5ef;}

.background {background-color:#afd5ef;}

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

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)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#071722
```
#071722 rgb(7,23,34)
```
#0a2233
```
#0a2233 rgb(10,34,51)
```
#0d2d43
```
#0d2d43 rgb(13,45,67)
```
#113853
```
#113853 rgb(17,56,83)
```
#144364
```
#144364 rgb(20,67,100)
```
#174e74
```
#174e74 rgb(23,78,116)
```
#1b5985
```
#1b5985 rgb(27,89,133)
```
#1e6495
```
#1e6495 rgb(30,100,149)
```
#2170a5
```
#2170a5 rgb(33,112,165)
```
#247bb6
```
#247bb6 rgb(36,123,182)
```
#2886c6
```
#2886c6 rgb(40,134,198)
```

Shade Color Variation

#2c90d5
```
#2c90d5 rgb(44,144,213)
```
#3d99d8
```
#3d99d8 rgb(61,153,216)
```
#4da2db
```
#4da2db rgb(77,162,219)
```
#5daadf
```
#5daadf rgb(93,170,223)
```
#6eb3e2
```
#6eb3e2 rgb(110,179,226)
```
#7ebbe5
```
#7ebbe5 rgb(126,187,229)
```
#8ec4e8
```
#8ec4e8 rgb(142,196,232)
```
#9fccec
```
#9fccec rgb(159,204,236)
```
#afd5ef
```
#afd5ef rgb(175,213,239)
```
#bfdef2
```
#bfdef2 rgb(191,222,242)
```
#d0e6f6
```
#d0e6f6 rgb(208,230,246)
```
#e0eff9
```
#e0eff9 rgb(224,239,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 #a0d8fe is the most saturated one.

#cdcfd1
```
#cdcfd1 rgb(205,207,209)
```
#c9d0d5
```
#c9d0d5 rgb(201,208,213)
```
#c5d1d9
```
#c5d1d9 rgb(197,209,217)
```
#c1d2dd
```
#c1d2dd rgb(193,210,221)
```
#bed2e0
```
#bed2e0 rgb(190,210,224)
```
#bad3e4
```
#bad3e4 rgb(186,211,228)
```
#b6d4e8
```
#b6d4e8 rgb(182,212,232)
```
#b3d4eb
```
#b3d4eb rgb(179,212,235)
```
#afd5ef
```
#afd5ef rgb(175,213,239)
```
#abd6f3
```
#abd6f3 rgb(171,214,243)
```
#a8d6f6
```
#a8d6f6 rgb(168,214,246)
```
#a4d7fa
```
#a4d7fa rgb(164,215,250)
```
#a0d8fe
```
#a0d8fe rgb(160,216,254)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c7cfd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd0ec Protanopia 1% of men
#d5cdf3 Deuteranopia 1% of men
#b1d8e8 Tritanopia 0.001% of the population

Trichromacy

#c2d2ed Protanomaly 1% of men, 0.01% of women
#c7d0f1 Deuteranomaly 6% of men, 0.4% of women
#b0d7ea Tritanomaly 0.01% of the population