#5784bd hex color

In a RGB color space, hex #5784bd is composed of 34.1% red, 51.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 30.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 213.5 degrees, a saturation of 43.6% and a lightness of 54.1%. #5784bd color hex could be obtained by blending #aeffff with #00097b. Closest websafe color is: #6699cc.

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

● #5784bd color description : Moderate blue.

The hexadecimal color #5784bd has RGB values of R:87, G:132, B:189 and CMYK values of C:0.54, M:0.3, Y:0, K:0.26. Its decimal value is 5735613.

Hex triplet	5784bd	`#5784bd`
RGB Decimal	87, 132, 189	`rgb(87,132,189)`
RGB Percent	34.1, 51.8, 74.1	`rgb(34.1%,51.8%,74.1%)`
CMYK	54, 30, 0, 26
HSL	213.5°, 43.6, 54.1	`hsl(213.5,43.6%,54.1%)`
HSV (or HSB)	213.5°, 54, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.24, 1.252, -34.523
XYZ	21.365, 22.202, 51.301
xyY	0.225, 0.234, 22.202
CIE-LCH	54.24, 34.546, 272.077
CIE-LUV	54.24, -20.948, -53.044
Hunter-Lab	47.119, -1.521, -31.569
Binary	01010111, 10000100, 10111101

#5784bd
```
#5784bd rgb(87,132,189)
```
#bd9057
```
#bd9057 rgb(189,144,87)
```

Complementary Color

#57b7bd
```
#57b7bd rgb(87,183,189)
```
#5784bd
```
#5784bd rgb(87,132,189)
```
#5d57bd
```
#5d57bd rgb(93,87,189)
```

Analogous Color

#b7bd57
```
#b7bd57 rgb(183,189,87)
```
#5784bd
```
#5784bd rgb(87,132,189)
```
#bd5d57
```
#bd5d57 rgb(189,93,87)
```

Split Complementary Color

#84bd57
```
#84bd57 rgb(132,189,87)
```
#5784bd
```
#5784bd rgb(87,132,189)
```
#bd5784
```
#bd5784 rgb(189,87,132)
```

Triadic Color

#57bd90
```
#57bd90 rgb(87,189,144)
```
#5784bd
```
#5784bd rgb(87,132,189)
```
#bd5784
```
#bd5784 rgb(189,87,132)
```
#bd9057
```
#bd9057 rgb(189,144,87)
```

Tetradic Color

#385f8f
```
#385f8f rgb(56,95,143)
```
#3f6ba2
```
#3f6ba2 rgb(63,107,162)
```
#4777b4
```
#4777b4 rgb(71,119,180)
```
#5784bd
```
#5784bd rgb(87,132,189)
```
#6991c4
```
#6991c4 rgb(105,145,196)
```
#7c9fcb
```
#7c9fcb rgb(124,159,203)
```
#8eacd3
```
#8eacd3 rgb(142,172,211)
```

Monochromatic Color

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

#579ebd
```
#579ebd rgb(87,158,189)
```
#5795bd
```
#5795bd rgb(87,149,189)
```
#578dbd
```
#578dbd rgb(87,141,189)
```
#5784bd
```
#5784bd rgb(87,132,189)
```
#577cbd
```
#577cbd rgb(87,124,189)
```
#5773bd
```
#5773bd rgb(87,115,189)
```
#576bbd
```
#576bbd rgb(87,107,189)
```

Similar Colors

Text with hexadecimal color #5784bd

This text has a font color of #5784bd.

<span style="color:#5784bd;">Text here</span>

#5784bd background color

This paragraph has a background color of #5784bd.

<p style="background-color:#5784bd;">Content here</p>

#5784bd border color

This element has a border color of #5784bd.

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

CSS codes

.text {color:#5784bd;}

.background {background-color:#5784bd;}

.border {border:1px solid #5784bd;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060a0f
```
#060a0f rgb(6,10,15)
```
#0b131d
```
#0b131d rgb(11,19,29)
```
#111d2b
```
#111d2b rgb(17,29,43)
```
#172639
```
#172639 rgb(23,38,57)
```
#1c2f47
```
#1c2f47 rgb(28,47,71)
```
#223855
```
#223855 rgb(34,56,85)
```
#274264
```
#274264 rgb(39,66,100)
```
#2d4b72
```
#2d4b72 rgb(45,75,114)
```
#325480
```
#325480 rgb(50,84,128)
```
#385e8e
```
#385e8e rgb(56,94,142)
```
#3d679c
```
#3d679c rgb(61,103,156)
```
#4370aa
```
#4370aa rgb(67,112,170)
```

Shade Color Variation

#497ab7
```
#497ab7 rgb(73,122,183)
```
#5784bd
```
#5784bd rgb(87,132,189)
```
#658ec3
```
#658ec3 rgb(101,142,195)
```
#7399c8
```
#7399c8 rgb(115,153,200)
```
#81a3ce
```
#81a3ce rgb(129,163,206)
```
#8fadd3
```
#8fadd3 rgb(143,173,211)
```
#9db8d9
```
#9db8d9 rgb(157,184,217)
```
#abc2de
```
#abc2de rgb(171,194,222)
```
#bacce4
```
#bacce4 rgb(186,204,228)
```
#c8d6e9
```
#c8d6e9 rgb(200,214,233)
```
#d6e1ef
```
#d6e1ef rgb(214,225,239)
```
#e4ebf4
```
#e4ebf4 rgb(228,235,244)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

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

#848990
```
#848990 rgb(132,137,144)
```
#7b8899
```
#7b8899 rgb(123,136,153)
```
#7287a2
```
#7287a2 rgb(114,135,162)
```
#6986ab
```
#6986ab rgb(105,134,171)
```
#6085b4
```
#6085b4 rgb(96,133,180)
```
#5784bd
```
#5784bd rgb(87,132,189)
```
#4e83c6
```
#4e83c6 rgb(78,131,198)
```
#4582cf
```
#4582cf rgb(69,130,207)
```
#3c81d8
```
#3c81d8 rgb(60,129,216)
```
#3380e1
```
#3380e1 rgb(51,128,225)
```
#2a7fea
```
#2a7fea rgb(42,127,234)
```
#217ef3
```
#217ef3 rgb(33,126,243)
```
#187dfc
```
#187dfc rgb(24,125,252)
```

Tone Color Variation

Below, you can see how #5784bd 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
#757e8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7586bd Protanopia 1% of men
#6d87c1 Deuteranopia 1% of men
#4f919c Tritanopia 0.001% of the population

Trichromacy

#6a85bd Protanomaly 1% of men, 0.01% of women
#6586bf Deuteranomaly 6% of men, 0.4% of women
#518ca8 Tritanomaly 0.01% of the population

#5784bd hex color

#5784bd Color Information

#5784bd Color Conversion

Color Schemes with #5784bd

Alternatives to #5784bd

#5784bd Preview

Shades and Tints of #5784bd

Tones of #5784bd

Color Blindness Simulator