colorhexa.com

#afd7e8 hex color

In a RGB color space, hex #afd7e8 is composed of 68.6% red, 84.3% green and 91% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 7.3% magenta, 0% yellow and 9% black. It has a hue angle of 197.9 degrees, a saturation of 55.3% and a lightness of 79.8%. #afd7e8 color hex could be obtained by blending #ffffff with #5fafd1. Closest websafe color is: #99ccff.

- R 69
- G 84
- B 91
RGB color chart
- C 25
- M 7
- Y 0
- K 9
CMYK color chart

● #afd7e8 color description : Very soft blue.

The hexadecimal color #afd7e8 has RGB values of R:175, G:215, B:232 and CMYK values of C:0.25, M:0.07, Y:0, K:0.09. Its decimal value is 11524072.

Hex triplet	afd7e8	`#afd7e8`
RGB Decimal	175, 215, 232	`rgb(175,215,232)`
RGB Percent	68.6, 84.3, 91	`rgb(68.6%,84.3%,91%)`
CMYK	25, 7, 0, 9
HSL	197.9°, 55.3, 79.8	`hsl(197.9,55.3%,79.8%)`
HSV (or HSB)	197.9°, 24.6, 91
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.725, -9.337, -12.664
XYZ	56.542, 63.539, 85.625
xyY	0.275, 0.309, 63.539
CIE-LCH	83.725, 15.734, 233.601
CIE-LUV	83.725, -20.968, -18.302
Hunter-Lab	79.712, -12.88, -7.89
Binary	10101111, 11010111, 11101000

#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#e8c0af
```
#e8c0af rgb(232,192,175)
```

Complementary Color

#afe8dd
```
#afe8dd rgb(175,232,221)
```
#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#afbbe8
```
#afbbe8 rgb(175,187,232)
```

Analogous Color

#e8ddaf
```
#e8ddaf rgb(232,221,175)
```
#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#e8afbb
```
#e8afbb rgb(232,175,187)
```

Split Complementary Color

#d7e8af
```
#d7e8af rgb(215,232,175)
```
#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#e8afd7
```
#e8afd7 rgb(232,175,215)
```

Triadic Color

#afe8c0
```
#afe8c0 rgb(175,232,192)
```
#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#e8afd7
```
#e8afd7 rgb(232,175,215)
```
#e8c0af
```
#e8c0af rgb(232,192,175)
```

Tetradic Color

#74b9d7
```
#74b9d7 rgb(116,185,215)
```
#87c3dd
```
#87c3dd rgb(135,195,221)
```
#9bcde2
```
#9bcde2 rgb(155,205,226)
```
#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#c3e1ee
```
#c3e1ee rgb(195,225,238)
```
#d7ebf3
```
#d7ebf3 rgb(215,235,243)
```
#eaf5f9
```
#eaf5f9 rgb(234,245,249)
```

Monochromatic Color

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

#afe5e8
```
#afe5e8 rgb(175,229,232)
```
#afe1e8
```
#afe1e8 rgb(175,225,232)
```
#afdce8
```
#afdce8 rgb(175,220,232)
```
#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#afd2e8
```
#afd2e8 rgb(175,210,232)
```
#afcee8
```
#afcee8 rgb(175,206,232)
```
#afc9e8
```
#afc9e8 rgb(175,201,232)
```

Similar Colors

Text with hexadecimal color #afd7e8

This text has a font color of #afd7e8.

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

#afd7e8 background color

This paragraph has a background color of #afd7e8.

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

#afd7e8 border color

This element has a border color of #afd7e8.

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

CSS codes

.text {color:#afd7e8;}

.background {background-color:#afd7e8;}

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

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, #03090b is the darkest color, while #fbfdfe is the lightest one.

#03090b
```
#03090b rgb(3,9,11)
```
#08151b
```
#08151b rgb(8,21,27)
```
#0c212a
```
#0c212a rgb(12,33,42)
```
#102d39
```
#102d39 rgb(16,45,57)
```
#153948
```
#153948 rgb(21,57,72)
```
#194558
```
#194558 rgb(25,69,88)
```
#1e5167
```
#1e5167 rgb(30,81,103)
```
#225d76
```
#225d76 rgb(34,93,118)
```
#266985
```
#266985 rgb(38,105,133)
```
#2b7595
```
#2b7595 rgb(43,117,149)
```
#2f81a4
```
#2f81a4 rgb(47,129,164)
```
#338db3
```
#338db3 rgb(51,141,179)
```
#3899c2
```
#3899c2 rgb(56,153,194)
```

Shade Color Variation

#44a2c9
```
#44a2c9 rgb(68,162,201)
```
#54a9ce
```
#54a9ce rgb(84,169,206)
```
#63b1d2
```
#63b1d2 rgb(99,177,210)
```
#72b9d6
```
#72b9d6 rgb(114,185,214)
```
#81c0db
```
#81c0db rgb(129,192,219)
```
#91c8df
```
#91c8df rgb(145,200,223)
```
#a0cfe4
```
#a0cfe4 rgb(160,207,228)
```
#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#bedfec
```
#bedfec rgb(190,223,236)
```
#cde6f1
```
#cde6f1 rgb(205,230,241)
```
#ddeef5
```
#ddeef5 rgb(221,238,245)
```
#ecf5fa
```
#ecf5fa rgb(236,245,250)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#cbcccc
```
#cbcccc rgb(203,204,204)
```
#c7cdd0
```
#c7cdd0 rgb(199,205,208)
```
#c3cfd4
```
#c3cfd4 rgb(195,207,212)
```
#bfd1d8
```
#bfd1d8 rgb(191,209,216)
```
#bbd2dc
```
#bbd2dc rgb(187,210,220)
```
#b7d4e0
```
#b7d4e0 rgb(183,212,224)
```
#b3d5e4
```
#b3d5e4 rgb(179,213,228)
```
#afd7e8
```
#afd7e8 rgb(175,215,232)
```
#abd9ec
```
#abd9ec rgb(171,217,236)
```
#a7daf0
```
#a7daf0 rgb(167,218,240)
```
#a3dcf4
```
#a3dcf4 rgb(163,220,244)
```
#9fddf8
```
#9fddf8 rgb(159,221,248)
```
#9bdffc
```
#9bdffc rgb(155,223,252)
```

Tone Color Variation

Below, you can see how #afd7e8 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
#c7cfd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1d1e5 Protanopia 1% of men
#d9ceec Deuteranopia 1% of men
#b3d9e8 Tritanopia 0.001% of the population

Trichromacy

#c4d3e6 Protanomaly 1% of men, 0.01% of women
#cad1eb Deuteranomaly 6% of men, 0.4% of women
#b1d8e8 Tritanomaly 0.01% of the population