#8cddff hex color

In a RGB color space, hex #8cddff is composed of 54.9% red, 86.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 45.1% cyan, 13.3% magenta, 0% yellow and 0% black. It has a hue angle of 197.7 degrees, a saturation of 100% and a lightness of 77.5%. #8cddff color hex could be obtained by blending #ffffff with #19bbff. Closest websafe color is: #99ccff.

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

● #8cddff color description : Very light blue.

The hexadecimal color #8cddff has RGB values of R:140, G:221, B:255 and CMYK values of C:0.45, M:0.13, Y:0, K:0. Its decimal value is 9231871.

Hex triplet	8cddff	`#8cddff`
RGB Decimal	140, 221, 255	`rgb(140,221,255)`
RGB Percent	54.9, 86.7, 100	`rgb(54.9%,86.7%,100%)`
CMYK	45, 13, 0, 0
HSL	197.7°, 100, 77.5	`hsl(197.7,100%,77.5%)`
HSV (or HSB)	197.7°, 45.1, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.228, -16.077, -24.264
XYZ	54.717, 64.505, 104.17
xyY	0.245, 0.289, 64.505
CIE-LCH	84.228, 29.107, 236.472
CIE-LUV	84.228, -37.086, -36.578
Hunter-Lab	80.315, -18.943, -20.679
Binary	10001100, 11011101, 11111111

#8cddff
```
#8cddff rgb(140,221,255)
```
#ffae8c
```
#ffae8c rgb(255,174,140)
```

Complementary Color

#8cffe8
```
#8cffe8 rgb(140,255,232)
```
#8cddff
```
#8cddff rgb(140,221,255)
```
#8ca4ff
```
#8ca4ff rgb(140,164,255)
```

Analogous Color

#ffe88c
```
#ffe88c rgb(255,232,140)
```
#8cddff
```
#8cddff rgb(140,221,255)
```
#ff8ca4
```
#ff8ca4 rgb(255,140,164)
```

Split Complementary Color

#ddff8c
```
#ddff8c rgb(221,255,140)
```
#8cddff
```
#8cddff rgb(140,221,255)
```
#ff8cdd
```
#ff8cdd rgb(255,140,221)
```

Triadic Color

#8cffae
```
#8cffae rgb(140,255,174)
```
#8cddff
```
#8cddff rgb(140,221,255)
```
#ff8cdd
```
#ff8cdd rgb(255,140,221)
```
#ffae8c
```
#ffae8c rgb(255,174,140)
```

Tetradic Color

#40c6ff
```
#40c6ff rgb(64,198,255)
```
#59ceff
```
#59ceff rgb(89,206,255)
```
#73d5ff
```
#73d5ff rgb(115,213,255)
```
#8cddff
```
#8cddff rgb(140,221,255)
```
#a6e5ff
```
#a6e5ff rgb(166,229,255)
```
#bfecff
```
#bfecff rgb(191,236,255)
```
#d9f4ff
```
#d9f4ff rgb(217,244,255)
```

Monochromatic Color

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

#8cfaff
```
#8cfaff rgb(140,250,255)
```
#8cf0ff
```
#8cf0ff rgb(140,240,255)
```
#8ce7ff
```
#8ce7ff rgb(140,231,255)
```
#8cddff
```
#8cddff rgb(140,221,255)
```
#8cd3ff
```
#8cd3ff rgb(140,211,255)
```
#8ccaff
```
#8ccaff rgb(140,202,255)
```
#8cc0ff
```
#8cc0ff rgb(140,192,255)
```

Similar Colors

Text with hexadecimal color #8cddff

This text has a font color of #8cddff.

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

#8cddff background color

This paragraph has a background color of #8cddff.

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

#8cddff border color

This element has a border color of #8cddff.

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

CSS codes

.text {color:#8cddff;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001016
```
#001016 rgb(0,16,22)
```
#001e2a
```
#001e2a rgb(0,30,42)
```
#002b3e
```
#002b3e rgb(0,43,62)
```
#003951
```
#003951 rgb(0,57,81)
```
#004765
```
#004765 rgb(0,71,101)
```
#005578
```
#005578 rgb(0,85,120)
```
#00638c
```
#00638c rgb(0,99,140)
```
#0070a0
```
#0070a0 rgb(0,112,160)
```
#007eb3
```
#007eb3 rgb(0,126,179)
```
#008cc7
```
#008cc7 rgb(0,140,199)
```
#009ada
```
#009ada rgb(0,154,218)
```
#00a8ee
```
#00a8ee rgb(0,168,238)
```

Shade Color Variation

#03b4ff
```
#03b4ff rgb(3,180,255)
```
#16baff
```
#16baff rgb(22,186,255)
```
#2ac0ff
```
#2ac0ff rgb(42,192,255)
```
#3ec6ff
```
#3ec6ff rgb(62,198,255)
```
#51ccff
```
#51ccff rgb(81,204,255)
```
#65d1ff
```
#65d1ff rgb(101,209,255)
```
#78d7ff
```
#78d7ff rgb(120,215,255)
```
#8cddff
```
#8cddff rgb(140,221,255)
```
#a0e3ff
```
#a0e3ff rgb(160,227,255)
```
#b3e9ff
```
#b3e9ff rgb(179,233,255)
```
#c7eeff
```
#c7eeff rgb(199,238,255)
```
#daf4ff
```
#daf4ff rgb(218,244,255)
```
#eefaff
```
#eefaff rgb(238,250,255)
```

Tint Color Variation

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

#c1c7ca
```
#c1c7ca rgb(193,199,202)
```
#bdc9ce
```
#bdc9ce rgb(189,201,206)
```
#b8cbd3
```
#b8cbd3 rgb(184,203,211)
```
#b4cdd7
```
#b4cdd7 rgb(180,205,215)
```
#afcfdc
```
#afcfdc rgb(175,207,220)
```
#abd0e0
```
#abd0e0 rgb(171,208,224)
```
#a7d2e4
```
#a7d2e4 rgb(167,210,228)
```
#a2d4e9
```
#a2d4e9 rgb(162,212,233)
```
#9ed6ed
```
#9ed6ed rgb(158,214,237)
```
#99d8f2
```
#99d8f2 rgb(153,216,242)
```
#95d9f6
```
#95d9f6 rgb(149,217,246)
```
#90dbfb
```
#90dbfb rgb(144,219,251)
```
#8cddff
```
#8cddff rgb(140,221,255)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#bdcdd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccd2f7 Protanopia 1% of men
#ced1ff Deuteranopia 1% of men
#8ce1f1 Tritanopia 0.001% of the population

Trichromacy

#b5d6fa Protanomaly 1% of men, 0.01% of women
#b6d5ff Deuteranomaly 6% of men, 0.4% of women
#8cdff6 Tritanomaly 0.01% of the population

#8cddff hex color

#8cddff Color Information

#8cddff Color Conversion

Color Schemes with #8cddff

Alternatives to #8cddff

#8cddff Preview

Shades and Tints of #8cddff

Tones of #8cddff

Color Blindness Simulator