#afcbef hex color

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

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

● #afcbef color description : Very soft blue.

The hexadecimal color #afcbef has RGB values of R:175, G:203, B:239 and CMYK values of C:0.27, M:0.15, Y:0, K:0.06. Its decimal value is 11521007.

Hex triplet	afcbef	`#afcbef`
RGB Decimal	175, 203, 239	`rgb(175,203,239)`
RGB Percent	68.6, 79.6, 93.7	`rgb(68.6%,79.6%,93.7%)`
CMYK	27, 15, 0, 6
HSL	213.8°, 66.7, 81.2	`hsl(213.8,66.7%,81.2%)`
HSV (or HSB)	213.8°, 26.8, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	80.77, -1.439, -20.842
XYZ	54.612, 58.056, 89.985
xyY	0.269, 0.286, 58.056
CIE-LCH	80.77, 20.891, 266.05
CIE-LUV	80.77, -15.858, -32.805
Hunter-Lab	76.195, -5.403, -16.684
Binary	10101111, 11001011, 11101111

#afcbef
```
#afcbef rgb(175,203,239)
```
#efd3af
```
#efd3af rgb(239,211,175)
```

Complementary Color

#afebef
```
#afebef rgb(175,235,239)
```
#afcbef
```
#afcbef rgb(175,203,239)
```
#b3afef
```
#b3afef rgb(179,175,239)
```

Analogous Color

#ebefaf
```
#ebefaf rgb(235,239,175)
```
#afcbef
```
#afcbef rgb(175,203,239)
```
#efb3af
```
#efb3af rgb(239,179,175)
```

Split Complementary Color

#cbefaf
```
#cbefaf rgb(203,239,175)
```
#afcbef
```
#afcbef rgb(175,203,239)
```
#efafcb
```
#efafcb rgb(239,175,203)
```

Triadic Color

#afefd3
```
#afefd3 rgb(175,239,211)
```
#afcbef
```
#afcbef rgb(175,203,239)
```
#efafcb
```
#efafcb rgb(239,175,203)
```
#efd3af
```
#efd3af rgb(239,211,175)
```

Tetradic Color

#6fa2e2
```
#6fa2e2 rgb(111,162,226)
```
#85afe7
```
#85afe7 rgb(133,175,231)
```
#9abdeb
```
#9abdeb rgb(154,189,235)
```
#afcbef
```
#afcbef rgb(175,203,239)
```
#c4d9f3
```
#c4d9f3 rgb(196,217,243)
```
#dae7f8
```
#dae7f8 rgb(218,231,248)
```
#eff4fc
```
#eff4fc rgb(239,244,252)
```

Monochromatic Color

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

#afdbef
```
#afdbef rgb(175,219,239)
```
#afd6ef
```
#afd6ef rgb(175,214,239)
```
#afd0ef
```
#afd0ef rgb(175,208,239)
```
#afcbef
```
#afcbef rgb(175,203,239)
```
#afc6ef
```
#afc6ef rgb(175,198,239)
```
#afc0ef
```
#afc0ef rgb(175,192,239)
```
#afbbef
```
#afbbef rgb(175,187,239)
```

Similar Colors

Text with hexadecimal color #afcbef

This text has a font color of #afcbef.

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

#afcbef background color

This paragraph has a background color of #afcbef.

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

#afcbef border color

This element has a border color of #afcbef.

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

CSS codes

.text {color:#afcbef;}

.background {background-color:#afcbef;}

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

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 #f0f6fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#071322
```
#071322 rgb(7,19,34)
```
#0a1c33
```
#0a1c33 rgb(10,28,51)
```
#0d2543
```
#0d2543 rgb(13,37,67)
```
#112e53
```
#112e53 rgb(17,46,83)
```
#143764
```
#143764 rgb(20,55,100)
```
#174074
```
#174074 rgb(23,64,116)
```
#1b4985
```
#1b4985 rgb(27,73,133)
```
#1e5295
```
#1e5295 rgb(30,82,149)
```
#215ba5
```
#215ba5 rgb(33,91,165)
```
#2464b6
```
#2464b6 rgb(36,100,182)
```
#286dc6
```
#286dc6 rgb(40,109,198)
```

Shade Color Variation

#2c76d5
```
#2c76d5 rgb(44,118,213)
```
#3d81d8
```
#3d81d8 rgb(61,129,216)
```
#4d8bdb
```
#4d8bdb rgb(77,139,219)
```
#5d96df
```
#5d96df rgb(93,150,223)
```
#6ea1e2
```
#6ea1e2 rgb(110,161,226)
```
#7eabe5
```
#7eabe5 rgb(126,171,229)
```
#8eb6e8
```
#8eb6e8 rgb(142,182,232)
```
#9fc0ec
```
#9fc0ec rgb(159,192,236)
```
#afcbef
```
#afcbef rgb(175,203,239)
```
#bfd6f2
```
#bfd6f2 rgb(191,214,242)
```
#d0e0f6
```
#d0e0f6 rgb(208,224,246)
```
#e0ebf9
```
#e0ebf9 rgb(224,235,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,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 #a0c9fe is the most saturated one.

#cdcfd1
```
#cdcfd1 rgb(205,207,209)
```
#c9ced5
```
#c9ced5 rgb(201,206,213)
```
#c5ced9
```
#c5ced9 rgb(197,206,217)
```
#c1cddd
```
#c1cddd rgb(193,205,221)
```
#becde0
```
#becde0 rgb(190,205,224)
```
#bacce4
```
#bacce4 rgb(186,204,228)
```
#b6cce8
```
#b6cce8 rgb(182,204,232)
```
#b3cbeb
```
#b3cbeb rgb(179,203,235)
```
#afcbef
```
#afcbef rgb(175,203,239)
```
#abcbf3
```
#abcbf3 rgb(171,203,243)
```
#a8caf6
```
#a8caf6 rgb(168,202,246)
```
#a4cafa
```
#a4cafa rgb(164,202,250)
```
#a0c9fe
```
#a0c9fe rgb(160,201,254)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c2c8cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c9ed Protanopia 1% of men
#c9c7f2 Deuteranopia 1% of men
#afd0df Tritanopia 0.001% of the population

Trichromacy

#bccaed Protanomaly 1% of men, 0.01% of women
#c0c8f0 Deuteranomaly 6% of men, 0.4% of women
#afcee5 Tritanomaly 0.01% of the population

#afcbef hex color

#afcbef Color Information

#afcbef Color Conversion

Color Schemes with #afcbef

Alternatives to #afcbef

#afcbef Preview

Shades and Tints of #afcbef

Tones of #afcbef

Color Blindness Simulator