#5b84bd hex color

In a RGB color space, hex #5b84bd is composed of 35.7% red, 51.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 30.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 214.9 degrees, a saturation of 42.6% and a lightness of 54.9%. #5b84bd color hex could be obtained by blending #b6ffff with #00097b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 52
- B 74
RGB color chart
- C 52
- M 30
- Y 0
- K 26
CMYK color chart

● #5b84bd color description : Moderate blue.

The hexadecimal color #5b84bd has RGB values of R:91, G:132, B:189 and CMYK values of C:0.52, M:0.3, Y:0, K:0.26. Its decimal value is 5997757.

Hex triplet	5b84bd	`#5b84bd`
RGB Decimal	91, 132, 189	`rgb(91,132,189)`
RGB Percent	35.7, 51.8, 74.1	`rgb(35.7%,51.8%,74.1%)`
CMYK	52, 30, 0, 26
HSL	214.9°, 42.6, 54.9	`hsl(214.9,42.6%,54.9%)`
HSV (or HSB)	214.9°, 51.9, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.449, 2.165, -34.182
XYZ	21.749, 22.4, 51.319
xyY	0.228, 0.235, 22.4
CIE-LCH	54.449, 34.251, 273.624
CIE-LUV	54.449, -19.697, -52.635
Hunter-Lab	47.328, -0.798, -31.159
Binary	01011011, 10000100, 10111101

#5b84bd
```
#5b84bd rgb(91,132,189)
```
#bd945b
```
#bd945b rgb(189,148,91)
```

Complementary Color

#5bb5bd
```
#5bb5bd rgb(91,181,189)
```
#5b84bd
```
#5b84bd rgb(91,132,189)
```
#635bbd
```
#635bbd rgb(99,91,189)
```

Analogous Color

#b5bd5b
```
#b5bd5b rgb(181,189,91)
```
#5b84bd
```
#5b84bd rgb(91,132,189)
```
#bd635b
```
#bd635b rgb(189,99,91)
```

Split Complementary Color

#84bd5b
```
#84bd5b rgb(132,189,91)
```
#5b84bd
```
#5b84bd rgb(91,132,189)
```
#bd5b84
```
#bd5b84 rgb(189,91,132)
```

Triadic Color

#5bbd94
```
#5bbd94 rgb(91,189,148)
```
#5b84bd
```
#5b84bd rgb(91,132,189)
```
#bd5b84
```
#bd5b84 rgb(189,91,132)
```
#bd945b
```
#bd945b rgb(189,148,91)
```

Tetradic Color

#3a5f91
```
#3a5f91 rgb(58,95,145)
```
#426ba3
```
#426ba3 rgb(66,107,163)
```
#4976b5
```
#4976b5 rgb(73,118,181)
```
#5b84bd
```
#5b84bd rgb(91,132,189)
```
#6d92c4
```
#6d92c4 rgb(109,146,196)
```
#7f9fcc
```
#7f9fcc rgb(127,159,204)
```
#92add3
```
#92add3 rgb(146,173,211)
```

Monochromatic Color

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

#5b9dbd
```
#5b9dbd rgb(91,157,189)
```
#5b94bd
```
#5b94bd rgb(91,148,189)
```
#5b8cbd
```
#5b8cbd rgb(91,140,189)
```
#5b84bd
```
#5b84bd rgb(91,132,189)
```
#5b7cbd
```
#5b7cbd rgb(91,124,189)
```
#5b74bd
```
#5b74bd rgb(91,116,189)
```
#5b6cbd
```
#5b6cbd rgb(91,108,189)
```

Similar Colors

Text with hexadecimal color #5b84bd

This text has a font color of #5b84bd.

<span style="color:#5b84bd;">Text here</span>

#5b84bd background color

This paragraph has a background color of #5b84bd.

<p style="background-color:#5b84bd;">Content here</p>

#5b84bd border color

This element has a border color of #5b84bd.

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

CSS codes

.text {color:#5b84bd;}

.background {background-color:#5b84bd;}

.border {border:1px solid #5b84bd;}

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

#020304
```
#020304 rgb(2,3,4)
```
#070c12
```
#070c12 rgb(7,12,18)
```
#0d1520
```
#0d1520 rgb(13,21,32)
```
#121e2e
```
#121e2e rgb(18,30,46)
```
#18273c
```
#18273c rgb(24,39,60)
```
#1e304a
```
#1e304a rgb(30,48,74)
```
#233958
```
#233958 rgb(35,57,88)
```
#294266
```
#294266 rgb(41,66,102)
```
#2f4c74
```
#2f4c74 rgb(47,76,116)
```
#345582
```
#345582 rgb(52,85,130)
```
#3a5e90
```
#3a5e90 rgb(58,94,144)
```
#3f679e
```
#3f679e rgb(63,103,158)
```
#4570ac
```
#4570ac rgb(69,112,172)
```

Shade Color Variation

#4d7ab7
```
#4d7ab7 rgb(77,122,183)
```
#5b84bd
```
#5b84bd rgb(91,132,189)
```
#698ec3
```
#698ec3 rgb(105,142,195)
```
#7799c8
```
#7799c8 rgb(119,153,200)
```
#85a3ce
```
#85a3ce rgb(133,163,206)
```
#93aed4
```
#93aed4 rgb(147,174,212)
```
#a1b8d9
```
#a1b8d9 rgb(161,184,217)
```
#afc3df
```
#afc3df rgb(175,195,223)
```
#bdcde4
```
#bdcde4 rgb(189,205,228)
```
#cbd8ea
```
#cbd8ea rgb(203,216,234)
```
#d9e2f0
```
#d9e2f0 rgb(217,226,240)
```
#e7edf5
```
#e7edf5 rgb(231,237,245)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878b91 is the less saturated color, while #1d7afb is the most saturated one.

#878b91
```
#878b91 rgb(135,139,145)
```
#7e8a9a
```
#7e8a9a rgb(126,138,154)
```
#7688a2
```
#7688a2 rgb(118,136,162)
```
#6d87ab
```
#6d87ab rgb(109,135,171)
```
#6485b4
```
#6485b4 rgb(100,133,180)
```
#5b84bd
```
#5b84bd rgb(91,132,189)
```
#5283c6
```
#5283c6 rgb(82,131,198)
```
#4981cf
```
#4981cf rgb(73,129,207)
```
#4080d8
```
#4080d8 rgb(64,128,216)
```
#387ee0
```
#387ee0 rgb(56,126,224)
```
#2f7de9
```
#2f7de9 rgb(47,125,233)
```
#267bf2
```
#267bf2 rgb(38,123,242)
```
#1d7afb
```
#1d7afb rgb(29,122,251)
```

Tone Color Variation

Below, you can see how #5b84bd 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

#7e7e7e Achromatopsia 0.005% of the population
#777f8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7586bd Protanopia 1% of men
#6f87c1 Deuteranopia 1% of men
#53919c Tritanopia 0.001% of the population

Trichromacy

#6c85bd Protanomaly 1% of men, 0.01% of women
#6786bf Deuteranomaly 6% of men, 0.4% of women
#568ca8 Tritanomaly 0.01% of the population

#5b84bd hex color

#5b84bd Color Information

#5b84bd Color Conversion

Color Schemes with #5b84bd

Alternatives to #5b84bd

#5b84bd Preview

Shades and Tints of #5b84bd

Tones of #5b84bd

Color Blindness Simulator