#8ccafd hex color

In a RGB color space, hex #8ccafd is composed of 54.9% red, 79.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 20.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 207.1 degrees, a saturation of 96.6% and a lightness of 77.1%. #8ccafd color hex could be obtained by blending #ffffff with #1995fb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 55
- G 79
- B 99
RGB color chart
- C 45
- M 20
- Y 0
- K 1
CMYK color chart

● #8ccafd color description : Very soft blue.

The hexadecimal color #8ccafd has RGB values of R:140, G:202, B:253 and CMYK values of C:0.45, M:0.2, Y:0, K:0.01. Its decimal value is 9227005.

Hex triplet	8ccafd	`#8ccafd`
RGB Decimal	140, 202, 253	`rgb(140,202,253)`
RGB Percent	54.9, 79.2, 99.2	`rgb(54.9%,79.2%,99.2%)`
CMYK	45, 20, 0, 1
HSL	207.1°, 96.6, 77.1	`hsl(207.1,96.6%,77.1%)`
HSV (or HSB)	207.1°, 44.7, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	78.987, -6.713, -31.22
XYZ	49.661, 54.906, 100.904
xyY	0.242, 0.267, 54.906
CIE-LCH	78.987, 31.933, 257.864
CIE-LUV	78.987, -29.695, -49.416
Hunter-Lab	74.099, -10.041, -28.87
Binary	10001100, 11001010, 11111101

#8ccafd
```
#8ccafd rgb(140,202,253)
```
#fdbf8c
```
#fdbf8c rgb(253,191,140)
```

Complementary Color

#8cfdf8
```
#8cfdf8 rgb(140,253,248)
```
#8ccafd
```
#8ccafd rgb(140,202,253)
```
#8c92fd
```
#8c92fd rgb(140,146,253)
```

Analogous Color

#fdf88c
```
#fdf88c rgb(253,248,140)
```
#8ccafd
```
#8ccafd rgb(140,202,253)
```
#fd8c92
```
#fd8c92 rgb(253,140,146)
```

Split Complementary Color

#cafd8c
```
#cafd8c rgb(202,253,140)
```
#8ccafd
```
#8ccafd rgb(140,202,253)
```
#fd8cca
```
#fd8cca rgb(253,140,202)
```

Triadic Color

#8cfdbf
```
#8cfdbf rgb(140,253,191)
```
#8ccafd
```
#8ccafd rgb(140,202,253)
```
#fd8cca
```
#fd8cca rgb(253,140,202)
```
#fdbf8c
```
#fdbf8c rgb(253,191,140)
```

Tetradic Color

#41a7fc
```
#41a7fc rgb(65,167,252)
```
#5ab3fc
```
#5ab3fc rgb(90,179,252)
```
#73befd
```
#73befd rgb(115,190,253)
```
#8ccafd
```
#8ccafd rgb(140,202,253)
```
#a5d6fd
```
#a5d6fd rgb(165,214,253)
```
#bee1fe
```
#bee1fe rgb(190,225,254)
```
#d7edfe
```
#d7edfe rgb(215,237,254)
```

Monochromatic Color

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

#8ce6fd
```
#8ce6fd rgb(140,230,253)
```
#8cddfd
```
#8cddfd rgb(140,221,253)
```
#8cd3fd
```
#8cd3fd rgb(140,211,253)
```
#8ccafd
```
#8ccafd rgb(140,202,253)
```
#8cc1fd
```
#8cc1fd rgb(140,193,253)
```
#8cb7fd
```
#8cb7fd rgb(140,183,253)
```
#8caefd
```
#8caefd rgb(140,174,253)
```

Similar Colors

Text with hexadecimal color #8ccafd

This text has a font color of #8ccafd.

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

#8ccafd background color

This paragraph has a background color of #8ccafd.

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

#8ccafd border color

This element has a border color of #8ccafd.

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

CSS codes

.text {color:#8ccafd;}

.background {background-color:#8ccafd;}

.border {border:1px solid #8ccafd;}

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

#000001
```
#000001 rgb(0,0,1)
```
#000b14
```
#000b14 rgb(0,11,20)
```
#011627
```
#011627 rgb(1,22,39)
```
#01213b
```
#01213b rgb(1,33,59)
```
#012b4e
```
#012b4e rgb(1,43,78)
```
#023661
```
#023661 rgb(2,54,97)
```
#024174
```
#024174 rgb(2,65,116)
```
#024b88
```
#024b88 rgb(2,75,136)
```
#03569b
```
#03569b rgb(3,86,155)
```
#0361ae
```
#0361ae rgb(3,97,174)
```
#036cc1
```
#036cc1 rgb(3,108,193)
```
#0476d5
```
#0476d5 rgb(4,118,213)
```
#0481e8
```
#0481e8 rgb(4,129,232)
```

Shade Color Variation

#058cfb
```
#058cfb rgb(5,140,251)
```
#1895fb
```
#1895fb rgb(24,149,251)
```
#2c9efb
```
#2c9efb rgb(44,158,251)
```
#3fa6fc
```
#3fa6fc rgb(63,166,252)
```
#52affc
```
#52affc rgb(82,175,252)
```
#65b8fc
```
#65b8fc rgb(101,184,252)
```
#79c1fd
```
#79c1fd rgb(121,193,253)
```
#8ccafd
```
#8ccafd rgb(140,202,253)
```
#9fd3fd
```
#9fd3fd rgb(159,211,253)
```
#b3dcfe
```
#b3dcfe rgb(179,220,254)
```
#c6e5fe
```
#c6e5fe rgb(198,229,254)
```
#d9eefe
```
#d9eefe rgb(217,238,254)
```
#ecf6ff
```
#ecf6ff rgb(236,246,255)
```

Tint Color Variation

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

#c2c5c7
```
#c2c5c7 rgb(194,197,199)
```
#bec5cc
```
#bec5cc rgb(190,197,204)
```
#b9c6d0
```
#b9c6d0 rgb(185,198,208)
```
#b5c6d5
```
#b5c6d5 rgb(181,198,213)
```
#b0c6d9
```
#b0c6d9 rgb(176,198,217)
```
#acc7de
```
#acc7de rgb(172,199,222)
```
#a7c7e2
```
#a7c7e2 rgb(167,199,226)
```
#a3c8e7
```
#a3c8e7 rgb(163,200,231)
```
#9ec8eb
```
#9ec8eb rgb(158,200,235)
```
#9ac9f0
```
#9ac9f0 rgb(154,201,240)
```
#95c9f4
```
#95c9f4 rgb(149,201,244)
```
#91caf9
```
#91caf9 rgb(145,202,249)
```
#8ccafd
```
#8ccafd rgb(140,202,253)
```

Tone Color Variation

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

Dichromacy

#b8c4f7 Protanopia 1% of men
#b7c3ff Deuteranopia 1% of men
#87d1e1 Tritanopia 0.001% of the population

Trichromacy

#a8c6f9 Protanomaly 1% of men, 0.01% of women
#a7c6fe Deuteranomaly 6% of men, 0.4% of women
#89cfeb Tritanomaly 0.01% of the population

#8ccafd hex color

#8ccafd Color Information

#8ccafd Color Conversion

Color Schemes with #8ccafd

Alternatives to #8ccafd

#8ccafd Preview

Shades and Tints of #8ccafd

Tones of #8ccafd

Color Blindness Simulator