#8cb5f0 hex color

In a RGB color space, hex #8cb5f0 is composed of 54.9% red, 71% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 24.6% magenta, 0% yellow and 5.9% black. It has a hue angle of 215.4 degrees, a saturation of 76.9% and a lightness of 74.5%. #8cb5f0 color hex could be obtained by blending #ffffff with #196be1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 55
- G 71
- B 94
RGB color chart
- C 42
- M 25
- Y 0
- K 6
CMYK color chart

● #8cb5f0 color description : Very soft blue.

The hexadecimal color #8cb5f0 has RGB values of R:140, G:181, B:240 and CMYK values of C:0.42, M:0.25, Y:0, K:0.06. Its decimal value is 9221616.

Hex triplet	8cb5f0	`#8cb5f0`
RGB Decimal	140, 181, 240	`rgb(140,181,240)`
RGB Percent	54.9, 71, 94.1	`rgb(54.9%,71%,94.1%)`
CMYK	42, 25, 0, 6
HSL	215.4°, 76.9, 74.5	`hsl(215.4,76.9%,74.5%)`
HSV (or HSB)	215.4°, 41.7, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	72.834, 1.12, -33.72
XYZ	43.064, 44.913, 88.833
xyY	0.244, 0.254, 44.913
CIE-LCH	72.834, 33.738, 271.902
CIE-LUV	72.834, -21.447, -54.195
Hunter-Lab	67.017, -2.579, -31.679
Binary	10001100, 10110101, 11110000

#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#f0c78c
```
#f0c78c rgb(240,199,140)
```

Complementary Color

#8ce7f0
```
#8ce7f0 rgb(140,231,240)
```
#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#958cf0
```
#958cf0 rgb(149,140,240)
```

Analogous Color

#e7f08c
```
#e7f08c rgb(231,240,140)
```
#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#f0958c
```
#f0958c rgb(240,149,140)
```

Split Complementary Color

#b5f08c
```
#b5f08c rgb(181,240,140)
```
#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#f08cb5
```
#f08cb5 rgb(240,140,181)
```

Triadic Color

#8cf0c7
```
#8cf0c7 rgb(140,240,199)
```
#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#f08cb5
```
#f08cb5 rgb(240,140,181)
```
#f0c78c
```
#f0c78c rgb(240,199,140)
```

Tetradic Color

#4889e7
```
#4889e7 rgb(72,137,231)
```
#5f98ea
```
#5f98ea rgb(95,152,234)
```
#75a6ed
```
#75a6ed rgb(117,166,237)
```
#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#a3c4f3
```
#a3c4f3 rgb(163,196,243)
```
#b9d2f6
```
#b9d2f6 rgb(185,210,246)
```
#d0e1f9
```
#d0e1f9 rgb(208,225,249)
```

Monochromatic Color

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

#8ccef0
```
#8ccef0 rgb(140,206,240)
```
#8cc6f0
```
#8cc6f0 rgb(140,198,240)
```
#8cbdf0
```
#8cbdf0 rgb(140,189,240)
```
#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#8cadf0
```
#8cadf0 rgb(140,173,240)
```
#8ca4f0
```
#8ca4f0 rgb(140,164,240)
```
#8c9cf0
```
#8c9cf0 rgb(140,156,240)
```

Similar Colors

Text with hexadecimal color #8cb5f0

This text has a font color of #8cb5f0.

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

#8cb5f0 background color

This paragraph has a background color of #8cb5f0.

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

#8cb5f0 border color

This element has a border color of #8cb5f0.

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

CSS codes

.text {color:#8cb5f0;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#030c18
```
#030c18 rgb(3,12,24)
```
#051429
```
#051429 rgb(5,20,41)
```
#081c3b
```
#081c3b rgb(8,28,59)
```
#0a254c
```
#0a254c rgb(10,37,76)
```
#0c2d5d
```
#0c2d5d rgb(12,45,93)
```
#0e366f
```
#0e366f rgb(14,54,111)
```
#113e80
```
#113e80 rgb(17,62,128)
```
#134791
```
#134791 rgb(19,71,145)
```
#154fa3
```
#154fa3 rgb(21,79,163)
```
#1758b4
```
#1758b4 rgb(23,88,180)
```
#1a60c5
```
#1a60c5 rgb(26,96,197)
```
#1c69d7
```
#1c69d7 rgb(28,105,215)
```

Shade Color Variation

#2472e2
```
#2472e2 rgb(36,114,226)
```
#357de5
```
#357de5 rgb(53,125,229)
```
#4788e7
```
#4788e7 rgb(71,136,231)
```
#5894e9
```
#5894e9 rgb(88,148,233)
```
#699feb
```
#699feb rgb(105,159,235)
```
#7baaee
```
#7baaee rgb(123,170,238)
```
#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#9dc0f2
```
#9dc0f2 rgb(157,192,242)
```
#afcbf5
```
#afcbf5 rgb(175,203,245)
```
#c0d6f7
```
#c0d6f7 rgb(192,214,247)
```
#d1e2f9
```
#d1e2f9 rgb(209,226,249)
```
#e3edfb
```
#e3edfb rgb(227,237,251)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#b9bdc3
```
#b9bdc3 rgb(185,189,195)
```
#b4bcc8
```
#b4bcc8 rgb(180,188,200)
```
#afbbcd
```
#afbbcd rgb(175,187,205)
```
#aabad2
```
#aabad2 rgb(170,186,210)
```
#a5bad7
```
#a5bad7 rgb(165,186,215)
```
#a0b9dc
```
#a0b9dc rgb(160,185,220)
```
#9bb8e1
```
#9bb8e1 rgb(155,184,225)
```
#96b7e6
```
#96b7e6 rgb(150,183,230)
```
#91b6eb
```
#91b6eb rgb(145,182,235)
```
#8cb5f0
```
#8cb5f0 rgb(140,181,240)
```
#87b4f5
```
#87b4f5 rgb(135,180,245)
```
#82b3fa
```
#82b3fa rgb(130,179,250)
```
#7db2ff
```
#7db2ff rgb(125,178,255)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a8b0bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b4ed Protanopia 1% of men
#a3b4f2 Deuteranopia 1% of men
#86bfcd Tritanopia 0.001% of the population

Trichromacy

#9cb4ee Protanomaly 1% of men, 0.01% of women
#9ab4f1 Deuteranomaly 6% of men, 0.4% of women
#88bbda Tritanomaly 0.01% of the population

#8cb5f0 hex color

#8cb5f0 Color Information

#8cb5f0 Color Conversion

Color Schemes with #8cb5f0

Alternatives to #8cb5f0

#8cb5f0 Preview

Shades and Tints of #8cb5f0

Tones of #8cb5f0

Color Blindness Simulator