#afc2ca hex color

In a RGB color space, hex #afc2ca is composed of 68.6% red, 76.1% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 13.4% cyan, 4% magenta, 0% yellow and 20.8% black. It has a hue angle of 197.8 degrees, a saturation of 20.3% and a lightness of 73.9%. #afc2ca color hex could be obtained by blending #ffffff with #5f8595. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 69
- G 76
- B 79
RGB color chart
- C 13
- M 4
- Y 0
- K 21
CMYK color chart

● #afc2ca color description : Grayish blue.

The hexadecimal color #afc2ca has RGB values of R:175, G:194, B:202 and CMYK values of C:0.13, M:0.04, Y:0, K:0.21. Its decimal value is 11518666.

Hex triplet	afc2ca	`#afc2ca`
RGB Decimal	175, 194, 202	`rgb(175,194,202)`
RGB Percent	68.6, 76.1, 79.2	`rgb(68.6%,76.1%,79.2%)`
CMYK	13, 4, 0, 21
HSL	197.8°, 20.3, 73.9	`hsl(197.8,20.3%,73.9%)`
HSV (or HSB)	197.8°, 13.4, 79.2
Web Safe	99cccc	`#99cccc`

CIE-LAB	77.258, -4.827, -6.215
XYZ	47.629, 51.961, 63.394
xyY	0.292, 0.319, 51.961
CIE-LCH	77.258, 7.869, 232.161
CIE-LUV	77.258, -10.595, -8.644
Hunter-Lab	72.084, -8.203, -1.684
Binary	10101111, 11000010, 11001010

#afc2ca
```
#afc2ca rgb(175,194,202)
```
#cab7af
```
#cab7af rgb(202,183,175)
```

Complementary Color

#afcac5
```
#afcac5 rgb(175,202,197)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#afb5ca
```
#afb5ca rgb(175,181,202)
```

Analogous Color

#cac5af
```
#cac5af rgb(202,197,175)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#caafb5
```
#caafb5 rgb(202,175,181)
```

Split Complementary Color

#c2caaf
```
#c2caaf rgb(194,202,175)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#caafc2
```
#caafc2 rgb(202,175,194)
```

Triadic Color

#afcab7
```
#afcab7 rgb(175,202,183)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#caafc2
```
#caafc2 rgb(202,175,194)
```
#cab7af
```
#cab7af rgb(202,183,175)
```

Tetradic Color

#819fac
```
#819fac rgb(129,159,172)
```
#90abb6
```
#90abb6 rgb(144,171,182)
```
#a0b6c0
```
#a0b6c0 rgb(160,182,192)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#beced4
```
#beced4 rgb(190,206,212)
```
#ced9de
```
#ced9de rgb(206,217,222)
```
#dde5e8
```
#dde5e8 rgb(221,229,232)
```

Monochromatic Color

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

#afc9ca
```
#afc9ca rgb(175,201,202)
```
#afc7ca
```
#afc7ca rgb(175,199,202)
```
#afc4ca
```
#afc4ca rgb(175,196,202)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#afc0ca
```
#afc0ca rgb(175,192,202)
```
#afbeca
```
#afbeca rgb(175,190,202)
```
#afbbca
```
#afbbca rgb(175,187,202)
```

Similar Colors

Text with hexadecimal color #afc2ca

This text has a font color of #afc2ca.

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

#afc2ca background color

This paragraph has a background color of #afc2ca.

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

#afc2ca border color

This element has a border color of #afc2ca.

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

CSS codes

.text {color:#afc2ca;}

.background {background-color:#afc2ca;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0a0d0e
```
#0a0d0e rgb(10,13,14)
```
#11181a
```
#11181a rgb(17,24,26)
```
#192226
```
#192226 rgb(25,34,38)
```
#212d32
```
#212d32 rgb(33,45,50)
```
#29373e
```
#29373e rgb(41,55,62)
```
#314249
```
#314249 rgb(49,66,73)
```
#384d55
```
#384d55 rgb(56,77,85)
```
#405761
```
#405761 rgb(64,87,97)
```
#48626d
```
#48626d rgb(72,98,109)
```
#506d79
```
#506d79 rgb(80,109,121)
```
#587784
```
#587784 rgb(88,119,132)
```
#608290
```
#608290 rgb(96,130,144)
```

Shade Color Variation

#688c9b
```
#688c9b rgb(104,140,155)
```
#7495a3
```
#7495a3 rgb(116,149,163)
```
#809eab
```
#809eab rgb(128,158,171)
```
#8ca7b3
```
#8ca7b3 rgb(140,167,179)
```
#97b0ba
```
#97b0ba rgb(151,176,186)
```
#a3b9c2
```
#a3b9c2 rgb(163,185,194)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#bbcbd2
```
#bbcbd2 rgb(187,203,210)
```
#c7d4da
```
#c7d4da rgb(199,212,218)
```
#d2dde1
```
#d2dde1 rgb(210,221,225)
```
#dee6e9
```
#dee6e9 rgb(222,230,233)
```
#eaeff1
```
#eaeff1 rgb(234,239,241)
```
#f6f8f9
```
#f6f8f9 rgb(246,248,249)
```

Tint Color Variation

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

#b9bec0
```
#b9bec0 rgb(185,190,192)
```
#b4c0c5
```
#b4c0c5 rgb(180,192,197)
```
#afc2ca
```
#afc2ca rgb(175,194,202)
```
#aac4cf
```
#aac4cf rgb(170,196,207)
```
#a5c6d4
```
#a5c6d4 rgb(165,198,212)
```
#a0c8d9
```
#a0c8d9 rgb(160,200,217)
```
#9bcade
```
#9bcade rgb(155,202,222)
```
#95cce4
```
#95cce4 rgb(149,204,228)
```
#90cfe9
```
#90cfe9 rgb(144,207,233)
```
#8bd1ee
```
#8bd1ee rgb(139,209,238)
```
#86d3f3
```
#86d3f3 rgb(134,211,243)
```
#81d5f8
```
#81d5f8 rgb(129,213,248)
```
#7cd7fd
```
#7cd7fd rgb(124,215,253)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#babec0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c1ca Protanopia 1% of men
#cdbdcf Deuteranopia 1% of men
#b4c4d2 Tritanopia 0.001% of the population

Trichromacy

#bbc1ca Protanomaly 1% of men, 0.01% of women
#c2becd Deuteranomaly 6% of men, 0.4% of women
#b2c3cf Tritanomaly 0.01% of the population

#afc2ca hex color

#afc2ca Color Information

#afc2ca Color Conversion

Color Schemes with #afc2ca

Alternatives to #afc2ca

#afc2ca Preview

Shades and Tints of #afc2ca

Tones of #afc2ca

Color Blindness Simulator