#8caefd hex color

In a RGB color space, hex #8caefd is composed of 54.9% red, 68.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 31.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 221.9 degrees, a saturation of 96.6% and a lightness of 77.1%. #8caefd color hex could be obtained by blending #ffffff with #195dfb. Closest websafe color is: #9999ff.

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

● #8caefd color description : Very soft blue.

The hexadecimal color #8caefd has RGB values of R:140, G:174, B:253 and CMYK values of C:0.45, M:0.31, Y:0, K:0.01. Its decimal value is 9219837.

Hex triplet	8caefd	`#8caefd`
RGB Decimal	140, 174, 253	`rgb(140,174,253)`
RGB Percent	54.9, 68.2, 99.2	`rgb(54.9%,68.2%,99.2%)`
CMYK	45, 31, 0, 1
HSL	221.9°, 96.6, 77.1	`hsl(221.9,96.6%,77.1%)`
HSV (or HSB)	221.9°, 44.7, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	71.513, 8.631, -42.813
XYZ	43.677, 42.938, 98.909
xyY	0.235, 0.231, 42.938
CIE-LCH	71.513, 43.674, 281.398
CIE-LUV	71.513, -18.942, -70.47
Hunter-Lab	65.527, 4.308, -43.626
Binary	10001100, 10101110, 11111101

#8caefd
```
#8caefd rgb(140,174,253)
```
#fddb8c
```
#fddb8c rgb(253,219,140)
```

Complementary Color

#8ce7fd
```
#8ce7fd rgb(140,231,253)
```
#8caefd
```
#8caefd rgb(140,174,253)
```
#a38cfd
```
#a38cfd rgb(163,140,253)
```

Analogous Color

#e7fd8c
```
#e7fd8c rgb(231,253,140)
```
#8caefd
```
#8caefd rgb(140,174,253)
```
#fda38c
```
#fda38c rgb(253,163,140)
```

Split Complementary Color

#aefd8c
```
#aefd8c rgb(174,253,140)
```
#8caefd
```
#8caefd rgb(140,174,253)
```
#fd8cae
```
#fd8cae rgb(253,140,174)
```

Triadic Color

#8cfddb
```
#8cfddb rgb(140,253,219)
```
#8caefd
```
#8caefd rgb(140,174,253)
```
#fd8cae
```
#fd8cae rgb(253,140,174)
```
#fddb8c
```
#fddb8c rgb(253,219,140)
```

Tetradic Color

#4179fc
```
#4179fc rgb(65,121,252)
```
#5a8bfc
```
#5a8bfc rgb(90,139,252)
```
#739cfd
```
#739cfd rgb(115,156,253)
```
#8caefd
```
#8caefd rgb(140,174,253)
```
#a5c0fd
```
#a5c0fd rgb(165,192,253)
```
#bed1fe
```
#bed1fe rgb(190,209,254)
```
#d7e3fe
```
#d7e3fe rgb(215,227,254)
```

Monochromatic Color

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

#8ccafd
```
#8ccafd rgb(140,202,253)
```
#8cc1fd
```
#8cc1fd rgb(140,193,253)
```
#8cb7fd
```
#8cb7fd rgb(140,183,253)
```
#8caefd
```
#8caefd rgb(140,174,253)
```
#8ca5fd
```
#8ca5fd rgb(140,165,253)
```
#8c9bfd
```
#8c9bfd rgb(140,155,253)
```
#8c92fd
```
#8c92fd rgb(140,146,253)
```

Similar Colors

Text with hexadecimal color #8caefd

This text has a font color of #8caefd.

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

#8caefd background color

This paragraph has a background color of #8caefd.

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

#8caefd border color

This element has a border color of #8caefd.

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

CSS codes

.text {color:#8caefd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000614
```
#000614 rgb(0,6,20)
```
#010c27
```
#010c27 rgb(1,12,39)
```
#01123b
```
#01123b rgb(1,18,59)
```
#01184e
```
#01184e rgb(1,24,78)
```
#021e61
```
#021e61 rgb(2,30,97)
```
#022474
```
#022474 rgb(2,36,116)
```
#022a88
```
#022a88 rgb(2,42,136)
```
#03309b
```
#03309b rgb(3,48,155)
```
#0337ae
```
#0337ae rgb(3,55,174)
```
#033dc1
```
#033dc1 rgb(3,61,193)
```
#0443d5
```
#0443d5 rgb(4,67,213)
```
#0449e8
```
#0449e8 rgb(4,73,232)
```

Shade Color Variation

#054ffb
```
#054ffb rgb(5,79,251)
```
#185dfb
```
#185dfb rgb(24,93,251)
```
#2c6afb
```
#2c6afb rgb(44,106,251)
```
#3f78fc
```
#3f78fc rgb(63,120,252)
```
#5285fc
```
#5285fc rgb(82,133,252)
```
#6593fc
```
#6593fc rgb(101,147,252)
```
#79a0fd
```
#79a0fd rgb(121,160,253)
```
#8caefd
```
#8caefd rgb(140,174,253)
```
#9fbcfd
```
#9fbcfd rgb(159,188,253)
```
#b3c9fe
```
#b3c9fe rgb(179,201,254)
```
#c6d7fe
```
#c6d7fe rgb(198,215,254)
```
#d9e4fe
```
#d9e4fe rgb(217,228,254)
```
#ecf2ff
```
#ecf2ff rgb(236,242,255)
```

Tint Color Variation

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

#c2c4c7
```
#c2c4c7 rgb(194,196,199)
```
#bec2cc
```
#bec2cc rgb(190,194,204)
```
#b9c0d0
```
#b9c0d0 rgb(185,192,208)
```
#b5bed5
```
#b5bed5 rgb(181,190,213)
```
#b0bcd9
```
#b0bcd9 rgb(176,188,217)
```
#acbbde
```
#acbbde rgb(172,187,222)
```
#a7b9e2
```
#a7b9e2 rgb(167,185,226)
```
#a3b7e7
```
#a3b7e7 rgb(163,183,231)
```
#9eb5eb
```
#9eb5eb rgb(158,181,235)
```
#9ab3f0
```
#9ab3f0 rgb(154,179,240)
```
#95b2f4
```
#95b2f4 rgb(149,178,244)
```
#91b0f9
```
#91b0f9 rgb(145,176,249)
```
#8caefd
```
#8caefd rgb(140,174,253)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#a6adbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#98b0fc Protanopia 1% of men
#92b2fd Deuteranopia 1% of men
#7fbcca Tritanopia 0.001% of the population

Trichromacy

#94affc Protanomaly 1% of men, 0.01% of women
#8fb0fd Deuteranomaly 6% of men, 0.4% of women
#84b7dc Tritanomaly 0.01% of the population

#8caefd hex color

#8caefd Color Information

#8caefd Color Conversion

Color Schemes with #8caefd

Alternatives to #8caefd

#8caefd Preview

Shades and Tints of #8caefd

Tones of #8caefd

Color Blindness Simulator