#8caafd hex color

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

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

● #8caafd color description : Very soft blue.

The hexadecimal color #8caafd has RGB values of R:140, G:170, B:253 and CMYK values of C:0.45, M:0.33, Y:0, K:0.01. Its decimal value is 9218813.

Hex triplet	8caafd	`#8caafd`
RGB Decimal	140, 170, 253	`rgb(140,170,253)`
RGB Percent	54.9, 66.7, 99.2	`rgb(54.9%,66.7%,99.2%)`
CMYK	45, 33, 0, 1
HSL	224.1°, 96.6, 77.1	`hsl(224.1,96.6%,77.1%)`
HSV (or HSB)	224.1°, 44.7, 99.2
Web Safe	9999ff	`#9999ff`

CIE-LAB	70.466, 10.889, -44.452
XYZ	42.916, 41.415, 98.656
xyY	0.235, 0.226, 41.415
CIE-LCH	70.466, 45.766, 283.764
CIE-LUV	70.466, -17.446, -73.389
Hunter-Lab	64.355, 6.415, -45.843
Binary	10001100, 10101010, 11111101

#8caafd
```
#8caafd rgb(140,170,253)
```
#fddf8c
```
#fddf8c rgb(253,223,140)
```

Complementary Color

#8ce3fd
```
#8ce3fd rgb(140,227,253)
```
#8caafd
```
#8caafd rgb(140,170,253)
```
#a78cfd
```
#a78cfd rgb(167,140,253)
```

Analogous Color

#e3fd8c
```
#e3fd8c rgb(227,253,140)
```
#8caafd
```
#8caafd rgb(140,170,253)
```
#fda78c
```
#fda78c rgb(253,167,140)
```

Split Complementary Color

#aafd8c
```
#aafd8c rgb(170,253,140)
```
#8caafd
```
#8caafd rgb(140,170,253)
```
#fd8caa
```
#fd8caa rgb(253,140,170)
```

Triadic Color

#8cfddf
```
#8cfddf rgb(140,253,223)
```
#8caafd
```
#8caafd rgb(140,170,253)
```
#fd8caa
```
#fd8caa rgb(253,140,170)
```
#fddf8c
```
#fddf8c rgb(253,223,140)
```

Tetradic Color

#4172fc
```
#4172fc rgb(65,114,252)
```
#5a85fc
```
#5a85fc rgb(90,133,252)
```
#7397fd
```
#7397fd rgb(115,151,253)
```
#8caafd
```
#8caafd rgb(140,170,253)
```
#a5bdfd
```
#a5bdfd rgb(165,189,253)
```
#becffe
```
#becffe rgb(190,207,254)
```
#d7e2fe
```
#d7e2fe rgb(215,226,254)
```

Monochromatic Color

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

#8cc6fd
```
#8cc6fd rgb(140,198,253)
```
#8cbdfd
```
#8cbdfd rgb(140,189,253)
```
#8cb3fd
```
#8cb3fd rgb(140,179,253)
```
#8caafd
```
#8caafd rgb(140,170,253)
```
#8ca1fd
```
#8ca1fd rgb(140,161,253)
```
#8c97fd
```
#8c97fd rgb(140,151,253)
```
#8c8efd
```
#8c8efd rgb(140,142,253)
```

Similar Colors

Text with hexadecimal color #8caafd

This text has a font color of #8caafd.

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

#8caafd background color

This paragraph has a background color of #8caafd.

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

#8caafd border color

This element has a border color of #8caafd.

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

CSS codes

.text {color:#8caafd;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#000614
```
#000614 rgb(0,6,20)
```
#010b27
```
#010b27 rgb(1,11,39)
```
#01103b
```
#01103b rgb(1,16,59)
```
#01164e
```
#01164e rgb(1,22,78)
```
#021b61
```
#021b61 rgb(2,27,97)
```
#022074
```
#022074 rgb(2,32,116)
```
#022688
```
#022688 rgb(2,38,136)
```
#032b9b
```
#032b9b rgb(3,43,155)
```
#0330ae
```
#0330ae rgb(3,48,174)
```
#0336c1
```
#0336c1 rgb(3,54,193)
```
#043bd5
```
#043bd5 rgb(4,59,213)
```
#0441e8
```
#0441e8 rgb(4,65,232)
```

Shade Color Variation

#0546fb
```
#0546fb rgb(5,70,251)
```
#1854fb
```
#1854fb rgb(24,84,251)
```
#2c63fb
```
#2c63fb rgb(44,99,251)
```
#3f71fc
```
#3f71fc rgb(63,113,252)
```
#527ffc
```
#527ffc rgb(82,127,252)
```
#658dfc
```
#658dfc rgb(101,141,252)
```
#799cfd
```
#799cfd rgb(121,156,253)
```
#8caafd
```
#8caafd rgb(140,170,253)
```
#9fb8fd
```
#9fb8fd rgb(159,184,253)
```
#b3c7fe
```
#b3c7fe rgb(179,199,254)
```
#c6d5fe
```
#c6d5fe rgb(198,213,254)
```
#d9e3fe
```
#d9e3fe rgb(217,227,254)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```

Tint Color Variation

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

#c2c3c7
```
#c2c3c7 rgb(194,195,199)
```
#bec1cc
```
#bec1cc rgb(190,193,204)
```
#b9bfd0
```
#b9bfd0 rgb(185,191,208)
```
#b5bdd5
```
#b5bdd5 rgb(181,189,213)
```
#b0bbd9
```
#b0bbd9 rgb(176,187,217)
```
#acb9de
```
#acb9de rgb(172,185,222)
```
#a7b7e2
```
#a7b7e2 rgb(167,183,226)
```
#a3b5e7
```
#a3b5e7 rgb(163,181,231)
```
#9eb2eb
```
#9eb2eb rgb(158,178,235)
```
#9ab0f0
```
#9ab0f0 rgb(154,176,240)
```
#95aef4
```
#95aef4 rgb(149,174,244)
```
#91acf9
```
#91acf9 rgb(145,172,249)
```
#8caafd
```
#8caafd rgb(140,170,253)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a4aabb Atypical Achromatopsia 0.001% of the population

Dichromacy

#93aefc Protanopia 1% of men
#8caffc Deuteranopia 1% of men
#7eb9c7 Tritanopia 0.001% of the population

Trichromacy

#91acfc Protanomaly 1% of men, 0.01% of women
#8cadfc Deuteranomaly 6% of men, 0.4% of women
#83b4da Tritanomaly 0.01% of the population

#8caafd hex color

#8caafd Color Information

#8caafd Color Conversion

Color Schemes with #8caafd

Alternatives to #8caafd

#8caafd Preview

Shades and Tints of #8caafd

Tones of #8caafd

Color Blindness Simulator