#8cb1d4 hex color

In a RGB color space, hex #8cb1d4 is composed of 54.9% red, 69.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 34% cyan, 16.5% magenta, 0% yellow and 16.9% black. It has a hue angle of 209.2 degrees, a saturation of 45.6% and a lightness of 69%. #8cb1d4 color hex could be obtained by blending #ffffff with #1963a9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 55
- G 69
- B 83
RGB color chart
- C 34
- M 17
- Y 0
- K 17
CMYK color chart

● #8cb1d4 color description : Slightly desaturated blue.

The hexadecimal color #8cb1d4 has RGB values of R:140, G:177, B:212 and CMYK values of C:0.34, M:0.17, Y:0, K:0.17. Its decimal value is 9220564.

Hex triplet	8cb1d4	`#8cb1d4`
RGB Decimal	140, 177, 212	`rgb(140,177,212)`
RGB Percent	54.9, 69.4, 83.1	`rgb(54.9%,69.4%,83.1%)`
CMYK	34, 17, 0, 17
HSL	209.2°, 45.6, 69	`hsl(209.2,45.6%,69%)`
HSV (or HSB)	209.2°, 34, 83.1
Web Safe	9999cc	`#9999cc`

CIE-LAB	70.713, -4.075, -21.718
XYZ	38.418, 41.772, 68.322
xyY	0.259, 0.281, 41.772
CIE-LCH	70.713, 22.097, 259.372
CIE-LUV	70.713, -19.485, -33.273
Hunter-Lab	64.631, -7, -17.434
Binary	10001100, 10110001, 11010100

#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#d4af8c
```
#d4af8c rgb(212,175,140)
```

Complementary Color

#8cd4d3
```
#8cd4d3 rgb(140,212,211)
```
#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#8c8dd4
```
#8c8dd4 rgb(140,141,212)
```

Analogous Color

#d4d38c
```
#d4d38c rgb(212,211,140)
```
#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#d48c8d
```
#d48c8d rgb(212,140,141)
```

Split Complementary Color

#b1d48c
```
#b1d48c rgb(177,212,140)
```
#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#d48cb1
```
#d48cb1 rgb(212,140,177)
```

Triadic Color

#8cd4af
```
#8cd4af rgb(140,212,175)
```
#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#d48cb1
```
#d48cb1 rgb(212,140,177)
```
#d4af8c
```
#d4af8c rgb(212,175,140)
```

Tetradic Color

#548bbf
```
#548bbf rgb(84,139,191)
```
#6798c6
```
#6798c6 rgb(103,152,198)
```
#79a4cd
```
#79a4cd rgb(121,164,205)
```
#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#9fbedb
```
#9fbedb rgb(159,190,219)
```
#b1cae2
```
#b1cae2 rgb(177,202,226)
```
#c4d7e9
```
#c4d7e9 rgb(196,215,233)
```

Monochromatic Color

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

#8cc3d4
```
#8cc3d4 rgb(140,195,212)
```
#8cbdd4
```
#8cbdd4 rgb(140,189,212)
```
#8cb7d4
```
#8cb7d4 rgb(140,183,212)
```
#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#8cabd4
```
#8cabd4 rgb(140,171,212)
```
#8ca5d4
```
#8ca5d4 rgb(140,165,212)
```
#8c9fd4
```
#8c9fd4 rgb(140,159,212)
```

Similar Colors

Text with hexadecimal color #8cb1d4

This text has a font color of #8cb1d4.

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

#8cb1d4 background color

This paragraph has a background color of #8cb1d4.

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

#8cb1d4 border color

This element has a border color of #8cb1d4.

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

CSS codes

.text {color:#8cb1d4;}

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

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

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, #05090d is the darkest color, while #fefeff is the lightest one.

#05090d
```
#05090d rgb(5,9,13)
```
#0a131c
```
#0a131c rgb(10,19,28)
```
#101d2a
```
#101d2a rgb(16,29,42)
```
#152738
```
#152738 rgb(21,39,56)
```
#1a3147
```
#1a3147 rgb(26,49,71)
```
#203b55
```
#203b55 rgb(32,59,85)
```
#254563
```
#254563 rgb(37,69,99)
```
#2a4f71
```
#2a4f71 rgb(42,79,113)
```
#305980
```
#305980 rgb(48,89,128)
```
#35638e
```
#35638e rgb(53,99,142)
```
#3a6d9c
```
#3a6d9c rgb(58,109,156)
```
#4077ab
```
#4077ab rgb(64,119,171)
```
#4581b9
```
#4581b9 rgb(69,129,185)
```

Shade Color Variation

#538abf
```
#538abf rgb(83,138,191)
```
#6194c4
```
#6194c4 rgb(97,148,196)
```
#6f9ec9
```
#6f9ec9 rgb(111,158,201)
```
#7ea7cf
```
#7ea7cf rgb(126,167,207)
```
#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#9abbd9
```
#9abbd9 rgb(154,187,217)
```
#a9c4df
```
#a9c4df rgb(169,196,223)
```
#b7cee4
```
#b7cee4 rgb(183,206,228)
```
#c5d8e9
```
#c5d8e9 rgb(197,216,233)
```
#d3e1ef
```
#d3e1ef rgb(211,225,239)
```
#e2ebf4
```
#e2ebf4 rgb(226,235,244)
```
#f0f5f9
```
#f0f5f9 rgb(240,245,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#aab0b6
```
#aab0b6 rgb(170,176,182)
```
#a4b0bc
```
#a4b0bc rgb(164,176,188)
```
#9eb0c2
```
#9eb0c2 rgb(158,176,194)
```
#98b1c8
```
#98b1c8 rgb(152,177,200)
```
#92b1ce
```
#92b1ce rgb(146,177,206)
```
#8cb1d4
```
#8cb1d4 rgb(140,177,212)
```
#86b1da
```
#86b1da rgb(134,177,218)
```
#80b1e0
```
#80b1e0 rgb(128,177,224)
```
#7ab2e6
```
#7ab2e6 rgb(122,178,230)
```
#74b2ec
```
#74b2ec rgb(116,178,236)
```
#6eb2f2
```
#6eb2f2 rgb(110,178,242)
```
#68b2f8
```
#68b2f8 rgb(104,178,248)
```
#61b2ff
```
#61b2ff rgb(97,178,255)
```

Tone Color Variation

Below, you can see how #8cb1d4 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
#a4abb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9afd2 Protanopia 1% of men
#acaed8 Deuteranopia 1% of men
#8db8c5 Tritanopia 0.001% of the population

Trichromacy

#9eb0d3 Protanomaly 1% of men, 0.01% of women
#a0afd7 Deuteranomaly 6% of men, 0.4% of women
#8cb5ca Tritanomaly 0.01% of the population

#8cb1d4 hex color

#8cb1d4 Color Information

#8cb1d4 Color Conversion

Color Schemes with #8cb1d4

Alternatives to #8cb1d4

#8cb1d4 Preview

Shades and Tints of #8cb1d4

Tones of #8cb1d4

Color Blindness Simulator