#5884b8 hex color

In a RGB color space, hex #5884b8 is composed of 34.5% red, 51.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 52.2% cyan, 28.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 212.5 degrees, a saturation of 40.3% and a lightness of 53.3%. #5884b8 color hex could be obtained by blending #b0ffff with #000971. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 35
- G 52
- B 72
RGB color chart
- C 52
- M 28
- Y 0
- K 28
CMYK color chart

● #5884b8 color description : Moderate blue.

The hexadecimal color #5884b8 has RGB values of R:88, G:132, B:184 and CMYK values of C:0.52, M:0.28, Y:0, K:0.28. Its decimal value is 5801144.

Hex triplet	5884b8	`#5884b8`
RGB Decimal	88, 132, 184	`rgb(88,132,184)`
RGB Percent	34.5, 51.8, 72.2	`rgb(34.5%,51.8%,72.2%)`
CMYK	52, 28, 0, 28
HSL	212.5°, 40.3, 53.3	`hsl(212.5,40.3%,53.3%)`
HSV (or HSB)	212.5°, 52.2, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.066, -0.095, -31.933
XYZ	20.926, 22.037, 48.496
xyY	0.229, 0.241, 22.037
CIE-LCH	54.066, 31.934, 269.829
CIE-LUV	54.066, -20.673, -48.674
Hunter-Lab	46.943, -2.583, -28.39
Binary	01011000, 10000100, 10111000

#5884b8
```
#5884b8 rgb(88,132,184)
```
#b88c58
```
#b88c58 rgb(184,140,88)
```

Complementary Color

#58b4b8
```
#58b4b8 rgb(88,180,184)
```
#5884b8
```
#5884b8 rgb(88,132,184)
```
#5c58b8
```
#5c58b8 rgb(92,88,184)
```

Analogous Color

#b4b858
```
#b4b858 rgb(180,184,88)
```
#5884b8
```
#5884b8 rgb(88,132,184)
```
#b85c58
```
#b85c58 rgb(184,92,88)
```

Split Complementary Color

#84b858
```
#84b858 rgb(132,184,88)
```
#5884b8
```
#5884b8 rgb(88,132,184)
```
#b85884
```
#b85884 rgb(184,88,132)
```

Triadic Color

#58b88c
```
#58b88c rgb(88,184,140)
```
#5884b8
```
#5884b8 rgb(88,132,184)
```
#b85884
```
#b85884 rgb(184,88,132)
```
#b88c58
```
#b88c58 rgb(184,140,88)
```

Tetradic Color

#3a5e89
```
#3a5e89 rgb(58,94,137)
```
#426b9b
```
#426b9b rgb(66,107,155)
```
#4a77ad
```
#4a77ad rgb(74,119,173)
```
#5884b8
```
#5884b8 rgb(88,132,184)
```
#6a91c0
```
#6a91c0 rgb(106,145,192)
```
#7c9ec7
```
#7c9ec7 rgb(124,158,199)
```
#8eaccf
```
#8eaccf rgb(142,172,207)
```

Monochromatic Color

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

#589cb8
```
#589cb8 rgb(88,156,184)
```
#5894b8
```
#5894b8 rgb(88,148,184)
```
#588cb8
```
#588cb8 rgb(88,140,184)
```
#5884b8
```
#5884b8 rgb(88,132,184)
```
#587cb8
```
#587cb8 rgb(88,124,184)
```
#5874b8
```
#5874b8 rgb(88,116,184)
```
#586cb8
```
#586cb8 rgb(88,108,184)
```

Similar Colors

Text with hexadecimal color #5884b8

This text has a font color of #5884b8.

<span style="color:#5884b8;">Text here</span>

#5884b8 background color

This paragraph has a background color of #5884b8.

<p style="background-color:#5884b8;">Content here</p>

#5884b8 border color

This element has a border color of #5884b8.

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

CSS codes

.text {color:#5884b8;}

.background {background-color:#5884b8;}

.border {border:1px solid #5884b8;}

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, #05080c is the darkest color, while #fdfefe is the lightest one.

#05080c
```
#05080c rgb(5,8,12)
```
#0b121a
```
#0b121a rgb(11,18,26)
```
#111b27
```
#111b27 rgb(17,27,39)
```
#172535
```
#172535 rgb(23,37,53)
```
#1c2e43
```
#1c2e43 rgb(28,46,67)
```
#223851
```
#223851 rgb(34,56,81)
```
#28415f
```
#28415f rgb(40,65,95)
```
#2e4b6c
```
#2e4b6c rgb(46,75,108)
```
#34547a
```
#34547a rgb(52,84,122)
```
#3a5e88
```
#3a5e88 rgb(58,94,136)
```
#406796
```
#406796 rgb(64,103,150)
```
#4570a3
```
#4570a3 rgb(69,112,163)
```
#4b7ab1
```
#4b7ab1 rgb(75,122,177)
```

Shade Color Variation

#5884b8
```
#5884b8 rgb(88,132,184)
```
#668ebe
```
#668ebe rgb(102,142,190)
```
#7498c4
```
#7498c4 rgb(116,152,196)
```
#81a2ca
```
#81a2ca rgb(129,162,202)
```
#8fadcf
```
#8fadcf rgb(143,173,207)
```
#9db7d5
```
#9db7d5 rgb(157,183,213)
```
#abc1db
```
#abc1db rgb(171,193,219)
```
#b8cbe1
```
#b8cbe1 rgb(184,203,225)
```
#c6d5e7
```
#c6d5e7 rgb(198,213,231)
```
#d4dfed
```
#d4dfed rgb(212,223,237)
```
#e2e9f3
```
#e2e9f3 rgb(226,233,243)
```
#eff4f8
```
#eff4f8 rgb(239,244,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #86888a is the less saturated color, while #187ff8 is the most saturated one.

#86888a
```
#86888a rgb(134,136,138)
```
#7d8793
```
#7d8793 rgb(125,135,147)
```
#73869d
```
#73869d rgb(115,134,157)
```
#6a86a6
```
#6a86a6 rgb(106,134,166)
```
#6185af
```
#6185af rgb(97,133,175)
```
#5884b8
```
#5884b8 rgb(88,132,184)
```
#4f83c1
```
#4f83c1 rgb(79,131,193)
```
#4682ca
```
#4682ca rgb(70,130,202)
```
#3d82d3
```
#3d82d3 rgb(61,130,211)
```
#3381dd
```
#3381dd rgb(51,129,221)
```
#2a80e6
```
#2a80e6 rgb(42,128,230)
```
#217fef
```
#217fef rgb(33,127,239)
```
#187ff8
```
#187ff8 rgb(24,127,248)
```

Tone Color Variation

Below, you can see how #5884b8 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

#7d7d7d Achromatopsia 0.005% of the population
#767e89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7786b8 Protanopia 1% of men
#7186bd Deuteranopia 1% of men
#52909b Tritanopia 0.001% of the population

Trichromacy

#6b85b8 Protanomaly 1% of men, 0.01% of women
#6885bb Deuteranomaly 6% of men, 0.4% of women
#548ca5 Tritanomaly 0.01% of the population

#5884b8 hex color

#5884b8 Color Information

#5884b8 Color Conversion

Color Schemes with #5884b8

Alternatives to #5884b8

#5884b8 Preview

Shades and Tints of #5884b8

Tones of #5884b8

Color Blindness Simulator