#afc3d0 hex color

In a RGB color space, hex #afc3d0 is composed of 68.6% red, 76.5% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 15.9% cyan, 6.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 203.6 degrees, a saturation of 26% and a lightness of 75.1%. #afc3d0 color hex could be obtained by blending #ffffff with #5f87a1. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 76
- B 82
RGB color chart
- C 16
- M 6
- Y 0
- K 18
CMYK color chart

● #afc3d0 color description : Grayish blue.

The hexadecimal color #afc3d0 has RGB values of R:175, G:195, B:208 and CMYK values of C:0.16, M:0.06, Y:0, K:0.18. Its decimal value is 11518928.

Hex triplet	afc3d0	`#afc3d0`
RGB Decimal	175, 195, 208	`rgb(175,195,208)`
RGB Percent	68.6, 76.5, 81.6	`rgb(68.6%,76.5%,81.6%)`
CMYK	16, 6, 0, 18
HSL	203.6°, 26, 75.1	`hsl(203.6,26%,75.1%)`
HSV (or HSB)	203.6°, 15.9, 81.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.696, -4.101, -8.807
XYZ	48.577, 52.697, 67.283
xyY	0.288, 0.313, 52.697
CIE-LCH	77.696, 9.714, 245.032
CIE-LUV	77.696, -11.277, -12.818
Hunter-Lab	72.593, -7.591, -4.138
Binary	10101111, 11000011, 11010000

#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#d0bcaf
```
#d0bcaf rgb(208,188,175)
```

Complementary Color

#afd0cd
```
#afd0cd rgb(175,208,205)
```
#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#afb3d0
```
#afb3d0 rgb(175,179,208)
```

Analogous Color

#d0cdaf
```
#d0cdaf rgb(208,205,175)
```
#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#d0afb3
```
#d0afb3 rgb(208,175,179)
```

Split Complementary Color

#c3d0af
```
#c3d0af rgb(195,208,175)
```
#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#d0afc3
```
#d0afc3 rgb(208,175,195)
```

Triadic Color

#afd0bc
```
#afd0bc rgb(175,208,188)
```
#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#d0afc3
```
#d0afc3 rgb(208,175,195)
```
#d0bcaf
```
#d0bcaf rgb(208,188,175)
```

Tetradic Color

#7f9fb4
```
#7f9fb4 rgb(127,159,180)
```
#8fabbd
```
#8fabbd rgb(143,171,189)
```
#9fb7c7
```
#9fb7c7 rgb(159,183,199)
```
#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#bfcfd9
```
#bfcfd9 rgb(191,207,217)
```
#cfdbe3
```
#cfdbe3 rgb(207,219,227)
```
#dfe7ec
```
#dfe7ec rgb(223,231,236)
```

Monochromatic Color

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

#afcbd0
```
#afcbd0 rgb(175,203,208)
```
#afc9d0
```
#afc9d0 rgb(175,201,208)
```
#afc6d0
```
#afc6d0 rgb(175,198,208)
```
#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#afc0d0
```
#afc0d0 rgb(175,192,208)
```
#afbed0
```
#afbed0 rgb(175,190,208)
```
#afbbd0
```
#afbbd0 rgb(175,187,208)
```

Similar Colors

Text with hexadecimal color #afc3d0

This text has a font color of #afc3d0.

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

#afc3d0 background color

This paragraph has a background color of #afc3d0.

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

#afc3d0 border color

This element has a border color of #afc3d0.

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

CSS codes

.text {color:#afc3d0;}

.background {background-color:#afc3d0;}

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

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

#040506
```
#040506 rgb(4,5,6)
```
#0b1013
```
#0b1013 rgb(11,16,19)
```
#121a1f
```
#121a1f rgb(18,26,31)
```
#1a242c
```
#1a242c rgb(26,36,44)
```
#212f38
```
#212f38 rgb(33,47,56)
```
#283944
```
#283944 rgb(40,57,68)
```
#2f4451
```
#2f4451 rgb(47,68,81)
```
#374e5d
```
#374e5d rgb(55,78,93)
```
#3e5869
```
#3e5869 rgb(62,88,105)
```
#456376
```
#456376 rgb(69,99,118)
```
#4c6d82
```
#4c6d82 rgb(76,109,130)
```
#54778e
```
#54778e rgb(84,119,142)
```
#5b829b
```
#5b829b rgb(91,130,155)
```

Shade Color Variation

#658ba4
```
#658ba4 rgb(101,139,164)
```
#7195ac
```
#7195ac rgb(113,149,172)
```
#7e9eb3
```
#7e9eb3 rgb(126,158,179)
```
#8aa7ba
```
#8aa7ba rgb(138,167,186)
```
#96b0c1
```
#96b0c1 rgb(150,176,193)
```
#a3bac9
```
#a3bac9 rgb(163,186,201)
```
#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#bbccd7
```
#bbccd7 rgb(187,204,215)
```
#c8d6df
```
#c8d6df rgb(200,214,223)
```
#d4dfe6
```
#d4dfe6 rgb(212,223,230)
```
#e0e8ed
```
#e0e8ed rgb(224,232,237)
```
#edf1f4
```
#edf1f4 rgb(237,241,244)
```
#f9fbfc
```
#f9fbfc rgb(249,251,252)
```

Tint Color Variation

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

#bec0c1
```
#bec0c1 rgb(190,192,193)
```
#b9c1c6
```
#b9c1c6 rgb(185,193,198)
```
#b4c2cb
```
#b4c2cb rgb(180,194,203)
```
#afc3d0
```
#afc3d0 rgb(175,195,208)
```
#aac4d5
```
#aac4d5 rgb(170,196,213)
```
#a5c5da
```
#a5c5da rgb(165,197,218)
```
#a0c6df
```
#a0c6df rgb(160,198,223)
```
#9bc7e4
```
#9bc7e4 rgb(155,199,228)
```
#97c8e8
```
#97c8e8 rgb(151,200,232)
```
#92c9ed
```
#92c9ed rgb(146,201,237)
```
#8dcaf2
```
#8dcaf2 rgb(141,202,242)
```
#88cbf7
```
#88cbf7 rgb(136,203,247)
```
#83ccfc
```
#83ccfc rgb(131,204,252)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc0c2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c2d0 Protanopia 1% of men
#ccbed5 Deuteranopia 1% of men
#b3c5d4 Tritanopia 0.001% of the population

Trichromacy

#bbc2d0 Protanomaly 1% of men, 0.01% of women
#c1c0d3 Deuteranomaly 6% of men, 0.4% of women
#b1c4d2 Tritanomaly 0.01% of the population

#afc3d0 hex color

#afc3d0 Color Information

#afc3d0 Color Conversion

Color Schemes with #afc3d0

Alternatives to #afc3d0

#afc3d0 Preview

Shades and Tints of #afc3d0

Tones of #afc3d0

Color Blindness Simulator