#8ccafe hex color

In a RGB color space, hex #8ccafe is composed of 54.9% red, 79.2% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 20.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 207.4 degrees, a saturation of 98.3% and a lightness of 77.3%. #8ccafe color hex could be obtained by blending #ffffff with #1995fd. Closest websafe color is: #99ccff.

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

● #8ccafe color description : Very soft blue.

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

Hex triplet	8ccafe	`#8ccafe`
RGB Decimal	140, 202, 254	`rgb(140,202,254)`
RGB Percent	54.9, 79.2, 99.6	`rgb(54.9%,79.2%,99.6%)`
CMYK	45, 20, 0, 0
HSL	207.4°, 98.3, 77.3	`hsl(207.4,98.3%,77.3%)`
HSV (or HSB)	207.4°, 44.9, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.024, -6.441, -31.696
XYZ	49.821, 54.97, 101.745
xyY	0.241, 0.266, 54.97
CIE-LCH	79.024, 32.344, 258.514
CIE-LUV	79.024, -29.688, -50.271
Hunter-Lab	74.142, -9.801, -29.465
Binary	10001100, 11001010, 11111110

#8ccafe
```
#8ccafe rgb(140,202,254)
```
#fec08c
```
#fec08c rgb(254,192,140)
```

Complementary Color

#8cfef9
```
#8cfef9 rgb(140,254,249)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```
#8c91fe
```
#8c91fe rgb(140,145,254)
```

Analogous Color

#fef98c
```
#fef98c rgb(254,249,140)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```
#fe8c91
```
#fe8c91 rgb(254,140,145)
```

Split Complementary Color

#cafe8c
```
#cafe8c rgb(202,254,140)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```
#fe8cca
```
#fe8cca rgb(254,140,202)
```

Triadic Color

#8cfec0
```
#8cfec0 rgb(140,254,192)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```
#fe8cca
```
#fe8cca rgb(254,140,202)
```
#fec08c
```
#fec08c rgb(254,192,140)
```

Tetradic Color

#40a7fd
```
#40a7fd rgb(64,167,253)
```
#59b3fe
```
#59b3fe rgb(89,179,254)
```
#73befe
```
#73befe rgb(115,190,254)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```
#a5d6fe
```
#a5d6fe rgb(165,214,254)
```
#bfe1fe
```
#bfe1fe rgb(191,225,254)
```
#d8edff
```
#d8edff rgb(216,237,255)
```

Monochromatic Color

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

#8ce7fe
```
#8ce7fe rgb(140,231,254)
```
#8cddfe
```
#8cddfe rgb(140,221,254)
```
#8cd4fe
```
#8cd4fe rgb(140,212,254)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```
#8cc1fe
```
#8cc1fe rgb(140,193,254)
```
#8cb7fe
```
#8cb7fe rgb(140,183,254)
```
#8caefe
```
#8caefe rgb(140,174,254)
```

Similar Colors

Text with hexadecimal color #8ccafe

This text has a font color of #8ccafe.

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

#8ccafe background color

This paragraph has a background color of #8ccafe.

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

#8ccafe border color

This element has a border color of #8ccafe.

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

CSS codes

.text {color:#8ccafe;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000c15
```
#000c15 rgb(0,12,21)
```
#001629
```
#001629 rgb(0,22,41)
```
#01213c
```
#01213c rgb(1,33,60)
```
#012c4f
```
#012c4f rgb(1,44,79)
```
#013663
```
#013663 rgb(1,54,99)
```
#014176
```
#014176 rgb(1,65,118)
```
#014b8a
```
#014b8a rgb(1,75,138)
```
#01569d
```
#01569d rgb(1,86,157)
```
#0261b1
```
#0261b1 rgb(2,97,177)
```
#026bc4
```
#026bc4 rgb(2,107,196)
```
#0276d8
```
#0276d8 rgb(2,118,216)
```
#0281eb
```
#0281eb rgb(2,129,235)
```

Shade Color Variation

#048bfd
```
#048bfd rgb(4,139,253)
```
#1794fd
```
#1794fd rgb(23,148,253)
```
#2b9dfd
```
#2b9dfd rgb(43,157,253)
```
#3ea6fd
```
#3ea6fd rgb(62,166,253)
```
#52affd
```
#52affd rgb(82,175,253)
```
#65b8fe
```
#65b8fe rgb(101,184,254)
```
#79c1fe
```
#79c1fe rgb(121,193,254)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```
#9fd3fe
```
#9fd3fe rgb(159,211,254)
```
#b3dcfe
```
#b3dcfe rgb(179,220,254)
```
#c6e5ff
```
#c6e5ff rgb(198,229,255)
```
#daeeff
```
#daeeff rgb(218,238,255)
```
#edf7ff
```
#edf7ff rgb(237,247,255)
```

Tint Color Variation

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

#c2c5c8
```
#c2c5c8 rgb(194,197,200)
```
#bdc6cd
```
#bdc6cd rgb(189,198,205)
```
#b9c6d1
```
#b9c6d1 rgb(185,198,209)
```
#b4c6d6
```
#b4c6d6 rgb(180,198,214)
```
#b0c7da
```
#b0c7da rgb(176,199,218)
```
#abc7df
```
#abc7df rgb(171,199,223)
```
#a7c8e3
```
#a7c8e3 rgb(167,200,227)
```
#a2c8e8
```
#a2c8e8 rgb(162,200,232)
```
#9ec8ec
```
#9ec8ec rgb(158,200,236)
```
#99c9f1
```
#99c9f1 rgb(153,201,241)
```
#95c9f5
```
#95c9f5 rgb(149,201,245)
```
#90cafa
```
#90cafa rgb(144,202,250)
```
#8ccafe
```
#8ccafe rgb(140,202,254)
```

Tone Color Variation

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

#b8c4f8 Protanopia 1% of men
#b7c4ff Deuteranopia 1% of men
#87d2e1 Tritanopia 0.001% of the population

Trichromacy

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

#8ccafe hex color

#8ccafe Color Information

#8ccafe Color Conversion

Color Schemes with #8ccafe

Alternatives to #8ccafe

#8ccafe Preview

Shades and Tints of #8ccafe

Tones of #8ccafe

Color Blindness Simulator