#afc2f0 hex color

In a RGB color space, hex #afc2f0 is composed of 68.6% red, 76.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 19.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.5 degrees, a saturation of 68.4% and a lightness of 81.4%. #afc2f0 color hex could be obtained by blending #ffffff with #5f85e1. Closest websafe color is: #99ccff.

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

● #afc2f0 color description : Very soft blue.

The hexadecimal color #afc2f0 has RGB values of R:175, G:194, B:240 and CMYK values of C:0.27, M:0.19, Y:0, K:0.06. Its decimal value is 11518704.

Hex triplet	afc2f0	`#afc2f0`
RGB Decimal	175, 194, 240	`rgb(175,194,240)`
RGB Percent	68.6, 76.1, 94.1	`rgb(68.6%,76.1%,94.1%)`
CMYK	27, 19, 0, 6
HSL	222.5°, 68.4, 81.4	`hsl(222.5,68.4%,81.4%)`
HSV (or HSB)	222.5°, 27.1, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.455, 3.623, -24.898
XYZ	52.696, 53.988, 90.078
xyY	0.268, 0.274, 53.988
CIE-LCH	78.455, 25.161, 278.28
CIE-LUV	78.455, -11.992, -40.172
Hunter-Lab	73.476, -0.566, -21.253
Binary	10101111, 11000010, 11110000

#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#f0ddaf
```
#f0ddaf rgb(240,221,175)
```

Complementary Color

#afe3f0
```
#afe3f0 rgb(175,227,240)
```
#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#bdaff0
```
#bdaff0 rgb(189,175,240)
```

Analogous Color

#e3f0af
```
#e3f0af rgb(227,240,175)
```
#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#f0bdaf
```
#f0bdaf rgb(240,189,175)
```

Split Complementary Color

#c2f0af
```
#c2f0af rgb(194,240,175)
```
#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#f0afc2
```
#f0afc2 rgb(240,175,194)
```

Triadic Color

#aff0dd
```
#aff0dd rgb(175,240,221)
```
#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#f0afc2
```
#f0afc2 rgb(240,175,194)
```
#f0ddaf
```
#f0ddaf rgb(240,221,175)
```

Tetradic Color

#6f91e4
```
#6f91e4 rgb(111,145,228)
```
#84a1e8
```
#84a1e8 rgb(132,161,232)
```
#9ab2ec
```
#9ab2ec rgb(154,178,236)
```
#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#c4d2f4
```
#c4d2f4 rgb(196,210,244)
```
#dae3f8
```
#dae3f8 rgb(218,227,248)
```
#eff3fc
```
#eff3fc rgb(239,243,252)
```

Monochromatic Color

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

#afd2f0
```
#afd2f0 rgb(175,210,240)
```
#afcdf0
```
#afcdf0 rgb(175,205,240)
```
#afc7f0
```
#afc7f0 rgb(175,199,240)
```
#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#afbdf0
```
#afbdf0 rgb(175,189,240)
```
#afb7f0
```
#afb7f0 rgb(175,183,240)
```
#afb2f0
```
#afb2f0 rgb(175,178,240)
```

Similar Colors

Text with hexadecimal color #afc2f0

This text has a font color of #afc2f0.

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

#afc2f0 background color

This paragraph has a background color of #afc2f0.

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

#afc2f0 border color

This element has a border color of #afc2f0.

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

CSS codes

.text {color:#afc2f0;}

.background {background-color:#afc2f0;}

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

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

#000103
```
#000103 rgb(0,1,3)
```
#040813
```
#040813 rgb(4,8,19)
```
#070f24
```
#070f24 rgb(7,15,36)
```
#0a1634
```
#0a1634 rgb(10,22,52)
```
#0d1d45
```
#0d1d45 rgb(13,29,69)
```
#102455
```
#102455 rgb(16,36,85)
```
#132b66
```
#132b66 rgb(19,43,102)
```
#163276
```
#163276 rgb(22,50,118)
```
#193987
```
#193987 rgb(25,57,135)
```
#1c4097
```
#1c4097 rgb(28,64,151)
```
#1f47a8
```
#1f47a8 rgb(31,71,168)
```
#234eb8
```
#234eb8 rgb(35,78,184)
```
#2655c9
```
#2655c9 rgb(38,85,201)
```

Shade Color Variation

#2b5dd7
```
#2b5dd7 rgb(43,93,215)
```
#3b6ada
```
#3b6ada rgb(59,106,218)
```
#4c76dd
```
#4c76dd rgb(76,118,221)
```
#5c83e1
```
#5c83e1 rgb(92,131,225)
```
#6d90e4
```
#6d90e4 rgb(109,144,228)
```
#7d9ce7
```
#7d9ce7 rgb(125,156,231)
```
#8ea9ea
```
#8ea9ea rgb(142,169,234)
```
#9eb5ed
```
#9eb5ed rgb(158,181,237)
```
#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#c0cff3
```
#c0cff3 rgb(192,207,243)
```
#d0dbf6
```
#d0dbf6 rgb(208,219,246)
```
#e1e8f9
```
#e1e8f9 rgb(225,232,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

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

#ccced3
```
#ccced3 rgb(204,206,211)
```
#c9cdd6
```
#c9cdd6 rgb(201,205,214)
```
#c5cbda
```
#c5cbda rgb(197,203,218)
```
#c1cade
```
#c1cade rgb(193,202,222)
```
#bec8e1
```
#bec8e1 rgb(190,200,225)
```
#bac7e5
```
#bac7e5 rgb(186,199,229)
```
#b6c5e9
```
#b6c5e9 rgb(182,197,233)
```
#b3c4ec
```
#b3c4ec rgb(179,196,236)
```
#afc2f0
```
#afc2f0 rgb(175,194,240)
```
#abc0f4
```
#abc0f4 rgb(171,192,244)
```
#a8bff7
```
#a8bff7 rgb(168,191,247)
```
#a4bdfb
```
#a4bdfb rgb(164,189,251)
```
#a0bcff
```
#a0bcff rgb(160,188,255)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bec2cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#bac3ef Protanopia 1% of men
#bfc1f2 Deuteranopia 1% of men
#acc9d8 Tritanopia 0.001% of the population

Trichromacy

#b6c2ef Protanomaly 1% of men, 0.01% of women
#b9c1f1 Deuteranomaly 6% of men, 0.4% of women
#adc6e0 Tritanomaly 0.01% of the population

#afc2f0 hex color

#afc2f0 Color Information

#afc2f0 Color Conversion

Color Schemes with #afc2f0

Alternatives to #afc2f0

#afc2f0 Preview

Shades and Tints of #afc2f0

Tones of #afc2f0

Color Blindness Simulator