#8ca5fe hex color

In a RGB color space, hex #8ca5fe is composed of 54.9% red, 64.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 44.9% cyan, 35% magenta, 0% yellow and 0.4% black. It has a hue angle of 226.8 degrees, a saturation of 98.3% and a lightness of 77.3%. #8ca5fe color hex could be obtained by blending #ffffff with #194bfd. Closest websafe color is: #9999ff.

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

● #8ca5fe color description : Very soft blue.

The hexadecimal color #8ca5fe has RGB values of R:140, G:165, B:254 and CMYK values of C:0.45, M:0.35, Y:0, K:0. Its decimal value is 9217534.

Hex triplet	8ca5fe	`#8ca5fe`
RGB Decimal	140, 165, 254	`rgb(140,165,254)`
RGB Percent	54.9, 64.7, 99.6	`rgb(54.9%,64.7%,99.6%)`
CMYK	45, 35, 0, 0
HSL	226.8°, 98.3, 77.3	`hsl(226.8,98.3%,77.3%)`
HSV (or HSB)	226.8°, 44.9, 99.6
Web Safe	9999ff	`#9999ff`

CIE-LAB	69.212, 14.015, -46.962
XYZ	42.156, 39.64, 99.19
xyY	0.233, 0.219, 39.64
CIE-LCH	69.212, 49.009, 286.616
CIE-LUV	69.212, -15.623, -77.83
Hunter-Lab	62.96, 9.337, -49.336
Binary	10001100, 10100101, 11111110

#8ca5fe
```
#8ca5fe rgb(140,165,254)
```
#fee58c
```
#fee58c rgb(254,229,140)
```

Complementary Color

#8cdefe
```
#8cdefe rgb(140,222,254)
```
#8ca5fe
```
#8ca5fe rgb(140,165,254)
```
#ac8cfe
```
#ac8cfe rgb(172,140,254)
```

Analogous Color

#defe8c
```
#defe8c rgb(222,254,140)
```
#8ca5fe
```
#8ca5fe rgb(140,165,254)
```
#feac8c
```
#feac8c rgb(254,172,140)
```

Split Complementary Color

#a5fe8c
```
#a5fe8c rgb(165,254,140)
```
#8ca5fe
```
#8ca5fe rgb(140,165,254)
```
#fe8ca5
```
#fe8ca5 rgb(254,140,165)
```

Triadic Color

#8cfee5
```
#8cfee5 rgb(140,254,229)
```
#8ca5fe
```
#8ca5fe rgb(140,165,254)
```
#fe8ca5
```
#fe8ca5 rgb(254,140,165)
```
#fee58c
```
#fee58c rgb(254,229,140)
```

Tetradic Color

#406afd
```
#406afd rgb(64,106,253)
```
#597dfe
```
#597dfe rgb(89,125,254)
```
#7391fe
```
#7391fe rgb(115,145,254)
```
#8ca5fe
```
#8ca5fe rgb(140,165,254)
```
#a5b9fe
```
#a5b9fe rgb(165,185,254)
```
#bfcdfe
```
#bfcdfe rgb(191,205,254)
```
#d8e0ff
```
#d8e0ff rgb(216,224,255)
```

Monochromatic Color

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

#8cc2fe
```
#8cc2fe rgb(140,194,254)
```
#8cb8fe
```
#8cb8fe rgb(140,184,254)
```
#8caffe
```
#8caffe rgb(140,175,254)
```
#8ca5fe
```
#8ca5fe rgb(140,165,254)
```
#8c9cfe
```
#8c9cfe rgb(140,156,254)
```
#8c92fe
```
#8c92fe rgb(140,146,254)
```
#908cfe
```
#908cfe rgb(144,140,254)
```

Similar Colors

Text with hexadecimal color #8ca5fe

This text has a font color of #8ca5fe.

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

#8ca5fe background color

This paragraph has a background color of #8ca5fe.

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

#8ca5fe border color

This element has a border color of #8ca5fe.

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

CSS codes

.text {color:#8ca5fe;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000515
```
#000515 rgb(0,5,21)
```
#000929
```
#000929 rgb(0,9,41)
```
#010e3c
```
#010e3c rgb(1,14,60)
```
#01124f
```
#01124f rgb(1,18,79)
```
#011663
```
#011663 rgb(1,22,99)
```
#011b76
```
#011b76 rgb(1,27,118)
```
#011f8a
```
#011f8a rgb(1,31,138)
```
#01249d
```
#01249d rgb(1,36,157)
```
#0228b1
```
#0228b1 rgb(2,40,177)
```
#022cc4
```
#022cc4 rgb(2,44,196)
```
#0231d8
```
#0231d8 rgb(2,49,216)
```
#0235eb
```
#0235eb rgb(2,53,235)
```

Shade Color Variation

#043afd
```
#043afd rgb(4,58,253)
```
#174afd
```
#174afd rgb(23,74,253)
```
#2b59fd
```
#2b59fd rgb(43,89,253)
```
#3e68fd
```
#3e68fd rgb(62,104,253)
```
#5277fd
```
#5277fd rgb(82,119,253)
```
#6587fe
```
#6587fe rgb(101,135,254)
```
#7996fe
```
#7996fe rgb(121,150,254)
```
#8ca5fe
```
#8ca5fe rgb(140,165,254)
```
#9fb4fe
```
#9fb4fe rgb(159,180,254)
```
#b3c3fe
```
#b3c3fe rgb(179,195,254)
```
#c6d3ff
```
#c6d3ff rgb(198,211,255)
```
#dae2ff
```
#dae2ff rgb(218,226,255)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#c2c3c8
```
#c2c3c8 rgb(194,195,200)
```
#bdc1cd
```
#bdc1cd rgb(189,193,205)
```
#b9bed1
```
#b9bed1 rgb(185,190,209)
```
#b4bcd6
```
#b4bcd6 rgb(180,188,214)
```
#b0b9da
```
#b0b9da rgb(176,185,218)
```
#abb7df
```
#abb7df rgb(171,183,223)
```
#a7b4e3
```
#a7b4e3 rgb(167,180,227)
```
#a2b2e8
```
#a2b2e8 rgb(162,178,232)
```
#9eafec
```
#9eafec rgb(158,175,236)
```
#99adf1
```
#99adf1 rgb(153,173,241)
```
#95aaf5
```
#95aaf5 rgb(149,170,245)
```
#90a8fa
```
#90a8fa rgb(144,168,250)
```
#8ca5fe
```
#8ca5fe rgb(140,165,254)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a2a7b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8daafe Protanopia 1% of men
#84acfc Deuteranopia 1% of men
#7db6c3 Tritanopia 0.001% of the population

Trichromacy

#8ca8fe Protanomaly 1% of men, 0.01% of women
#87aafd Deuteranomaly 6% of men, 0.4% of women
#82b0d8 Tritanomaly 0.01% of the population

#8ca5fe hex color

#8ca5fe Color Information

#8ca5fe Color Conversion

Color Schemes with #8ca5fe

Alternatives to #8ca5fe

#8ca5fe Preview

Shades and Tints of #8ca5fe

Tones of #8ca5fe

Color Blindness Simulator