#8bb4c2 hex color

In a RGB color space, hex #8bb4c2 is composed of 54.5% red, 70.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 28.4% cyan, 7.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 195.3 degrees, a saturation of 31.1% and a lightness of 65.3%. #8bb4c2 color hex could be obtained by blending #ffffff with #176985. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 55
- G 71
- B 76
RGB color chart
- C 28
- M 7
- Y 0
- K 24
CMYK color chart

● #8bb4c2 color description : Slightly desaturated blue.

The hexadecimal color #8bb4c2 has RGB values of R:139, G:180, B:194 and CMYK values of C:0.28, M:0.07, Y:0, K:0.24. Its decimal value is 9155778.

Hex triplet	8bb4c2	`#8bb4c2`
RGB Decimal	139, 180, 194	`rgb(139,180,194)`
RGB Percent	54.5, 70.6, 76.1	`rgb(54.5%,70.6%,76.1%)`
CMYK	28, 7, 0, 24
HSL	195.3°, 31.1, 65.3	`hsl(195.3,31.1%,65.3%)`
HSV (or HSB)	195.3°, 28.4, 76.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	70.888, -10.412, -11.583
XYZ	36.704, 42.025, 57.214
xyY	0.27, 0.309, 42.025
CIE-LCH	70.888, 15.575, 228.046
CIE-LUV	70.888, -21.005, -16.017
Hunter-Lab	64.827, -12.383, -6.948
Binary	10001011, 10110100, 11000010

#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#c2998b
```
#c2998b rgb(194,153,139)
```

Complementary Color

#8bc2b5
```
#8bc2b5 rgb(139,194,181)
```
#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#8b99c2
```
#8b99c2 rgb(139,153,194)
```

Analogous Color

#c2b58b
```
#c2b58b rgb(194,181,139)
```
#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#c28b99
```
#c28b99 rgb(194,139,153)
```

Split Complementary Color

#b4c28b
```
#b4c28b rgb(180,194,139)
```
#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#c28bb4
```
#c28bb4 rgb(194,139,180)
```

Triadic Color

#8bc299
```
#8bc299 rgb(139,194,153)
```
#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#c28bb4
```
#c28bb4 rgb(194,139,180)
```
#c2998b
```
#c2998b rgb(194,153,139)
```

Tetradic Color

#5994a8
```
#5994a8 rgb(89,148,168)
```
#6a9eb0
```
#6a9eb0 rgb(106,158,176)
```
#7aa9b9
```
#7aa9b9 rgb(122,169,185)
```
#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#9cbfcb
```
#9cbfcb rgb(156,191,203)
```
#accad4
```
#accad4 rgb(172,202,212)
```
#bdd4dc
```
#bdd4dc rgb(189,212,220)
```

Monochromatic Color

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

#8bc2c2
```
#8bc2c2 rgb(139,194,194)
```
#8bbdc2
```
#8bbdc2 rgb(139,189,194)
```
#8bb9c2
```
#8bb9c2 rgb(139,185,194)
```
#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#8bafc2
```
#8bafc2 rgb(139,175,194)
```
#8babc2
```
#8babc2 rgb(139,171,194)
```
#8ba6c2
```
#8ba6c2 rgb(139,166,194)
```

Similar Colors

Text with hexadecimal color #8bb4c2

This text has a font color of #8bb4c2.

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

#8bb4c2 background color

This paragraph has a background color of #8bb4c2.

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

#8bb4c2 border color

This element has a border color of #8bb4c2.

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

CSS codes

.text {color:#8bb4c2;}

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

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

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, #070b0d is the darkest color, while #ffffff is the lightest one.

#070b0d
```
#070b0d rgb(7,11,13)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#142226
```
#142226 rgb(20,34,38)
```
#1b2d33
```
#1b2d33 rgb(27,45,51)
```
#223840
```
#223840 rgb(34,56,64)
```
#28444d
```
#28444d rgb(40,68,77)
```
#2f4f5a
```
#2f4f5a rgb(47,79,90)
```
#365a67
```
#365a67 rgb(54,90,103)
```
#3d6573
```
#3d6573 rgb(61,101,115)
```
#437180
```
#437180 rgb(67,113,128)
```
#4a7c8d
```
#4a7c8d rgb(74,124,141)
```
#51879a
```
#51879a rgb(81,135,154)
```
#5893a7
```
#5893a7 rgb(88,147,167)
```

Shade Color Variation

#649bae
```
#649bae rgb(100,155,174)
```
#71a3b4
```
#71a3b4 rgb(113,163,180)
```
#7eacbb
```
#7eacbb rgb(126,172,187)
```
#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#98bcc9
```
#98bcc9 rgb(152,188,201)
```
#a5c5d0
```
#a5c5d0 rgb(165,197,208)
```
#b2cdd6
```
#b2cdd6 rgb(178,205,214)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#cbdee4
```
#cbdee4 rgb(203,222,228)
```
#d8e6eb
```
#d8e6eb rgb(216,230,235)
```
#e5eef1
```
#e5eef1 rgb(229,238,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a7a7
```
#a6a7a7 rgb(166,167,167)
```
#9faaae
```
#9faaae rgb(159,170,174)
```
#99adb4
```
#99adb4 rgb(153,173,180)
```
#92b1bb
```
#92b1bb rgb(146,177,187)
```
#8bb4c2
```
#8bb4c2 rgb(139,180,194)
```
#84b7c9
```
#84b7c9 rgb(132,183,201)
```
#7dbbd0
```
#7dbbd0 rgb(125,187,208)
```
#77bed6
```
#77bed6 rgb(119,190,214)
```
#70c1dd
```
#70c1dd rgb(112,193,221)
```
#69c5e4
```
#69c5e4 rgb(105,197,228)
```
#62c8eb
```
#62c8eb rgb(98,200,235)
```
#5bcbf2
```
#5bcbf2 rgb(91,203,242)
```
#55cff8
```
#55cff8 rgb(85,207,248)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a3abae Atypical Achromatopsia 0.001% of the population

Dichromacy

#afb0c0 Protanopia 1% of men
#b6adc8 Deuteranopia 1% of men
#91b7c5 Tritanopia 0.001% of the population

Trichromacy

#a2b1c1 Protanomaly 1% of men, 0.01% of women
#a6afc6 Deuteranomaly 6% of men, 0.4% of women
#8eb6c4 Tritanomaly 0.01% of the population

#8bb4c2 hex color

#8bb4c2 Color Information

#8bb4c2 Color Conversion

Color Schemes with #8bb4c2

Alternatives to #8bb4c2

#8bb4c2 Preview

Shades and Tints of #8bb4c2

Tones of #8bb4c2

Color Blindness Simulator