#5784af hex color

In a RGB color space, hex #5784af is composed of 34.1% red, 51.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 24.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 209.3 degrees, a saturation of 35.5% and a lightness of 51.4%. #5784af color hex could be obtained by blending #aeffff with #00095f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 34
- G 52
- B 69
RGB color chart
- C 50
- M 25
- Y 0
- K 31
CMYK color chart

● #5784af color description : Dark moderate blue.

The hexadecimal color #5784af has RGB values of R:87, G:132, B:175 and CMYK values of C:0.5, M:0.25, Y:0, K:0.31. Its decimal value is 5735599.

Hex triplet	5784af	`#5784af`
RGB Decimal	87, 132, 175	`rgb(87,132,175)`
RGB Percent	34.1, 51.8, 68.6	`rgb(34.1%,51.8%,68.6%)`
CMYK	50, 25, 0, 31
HSL	209.3°, 35.5, 51.4	`hsl(209.3,35.5%,51.4%)`
HSV (or HSB)	209.3°, 50.3, 68.6
Web Safe	669999	`#669999`

CIE-LAB	53.625, -3.119, -27.461
XYZ	19.918, 21.623, 43.679
xyY	0.234, 0.254, 21.623
CIE-LCH	53.625, 27.637, 263.521
CIE-LUV	53.625, -21.064, -41.058
Hunter-Lab	46.5, -4.918, -23.143
Binary	01010111, 10000100, 10101111

#5784af
```
#5784af rgb(87,132,175)
```
#af8257
```
#af8257 rgb(175,130,87)
```

Complementary Color

#57afae
```
#57afae rgb(87,175,174)
```
#5784af
```
#5784af rgb(87,132,175)
```
#5758af
```
#5758af rgb(87,88,175)
```

Analogous Color

#afae57
```
#afae57 rgb(175,174,87)
```
#5784af
```
#5784af rgb(87,132,175)
```
#af5758
```
#af5758 rgb(175,87,88)
```

Split Complementary Color

#84af57
```
#84af57 rgb(132,175,87)
```
#5784af
```
#5784af rgb(87,132,175)
```
#af5784
```
#af5784 rgb(175,87,132)
```

Triadic Color

#57af82
```
#57af82 rgb(87,175,130)
```
#5784af
```
#5784af rgb(87,132,175)
```
#af5784
```
#af5784 rgb(175,87,132)
```
#af8257
```
#af8257 rgb(175,130,87)
```

Tetradic Color

#3c5d7e
```
#3c5d7e rgb(60,93,126)
```
#446a8f
```
#446a8f rgb(68,106,143)
```
#4c77a0
```
#4c77a0 rgb(76,119,160)
```
#5784af
```
#5784af rgb(87,132,175)
```
#6891b7
```
#6891b7 rgb(104,145,183)
```
#7a9dbf
```
#7a9dbf rgb(122,157,191)
```
#8baac8
```
#8baac8 rgb(139,170,200)
```

Monochromatic Color

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

#579aaf
```
#579aaf rgb(87,154,175)
```
#5793af
```
#5793af rgb(87,147,175)
```
#578baf
```
#578baf rgb(87,139,175)
```
#5784af
```
#5784af rgb(87,132,175)
```
#577daf
```
#577daf rgb(87,125,175)
```
#5775af
```
#5775af rgb(87,117,175)
```
#576eaf
```
#576eaf rgb(87,110,175)
```

Similar Colors

Text with hexadecimal color #5784af

This text has a font color of #5784af.

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

#5784af background color

This paragraph has a background color of #5784af.

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

#5784af border color

This element has a border color of #5784af.

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

CSS codes

.text {color:#5784af;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090d12
```
#090d12 rgb(9,13,18)
```
#0f171f
```
#0f171f rgb(15,23,31)
```
#15212d
```
#15212d rgb(21,33,45)
```
#1c2b3a
```
#1c2b3a rgb(28,43,58)
```
#223547
```
#223547 rgb(34,53,71)
```
#283f54
```
#283f54 rgb(40,63,84)
```
#2f4962
```
#2f4962 rgb(47,73,98)
```
#35536f
```
#35536f rgb(53,83,111)
```
#3b5d7c
```
#3b5d7c rgb(59,93,124)
```
#42668a
```
#42668a rgb(66,102,138)
```
#487097
```
#487097 rgb(72,112,151)
```
#4e7aa4
```
#4e7aa4 rgb(78,122,164)
```

Shade Color Variation

#5784af
```
#5784af rgb(87,132,175)
```
#648eb5
```
#648eb5 rgb(100,142,181)
```
#7297bc
```
#7297bc rgb(114,151,188)
```
#7fa1c2
```
#7fa1c2 rgb(127,161,194)
```
#8cabc8
```
#8cabc8 rgb(140,171,200)
```
#99b5cf
```
#99b5cf rgb(153,181,207)
```
#a7bed5
```
#a7bed5 rgb(167,190,213)
```
#b4c8db
```
#b4c8db rgb(180,200,219)
```
#c1d2e2
```
#c1d2e2 rgb(193,210,226)
```
#cfdce8
```
#cfdce8 rgb(207,220,232)
```
#dce5ee
```
#dce5ee rgb(220,229,238)
```
#e9eff5
```
#e9eff5 rgb(233,239,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8389 is the less saturated color, while #0b86fb is the most saturated one.

#7d8389
```
#7d8389 rgb(125,131,137)
```
#748392
```
#748392 rgb(116,131,146)
```
#6a849c
```
#6a849c rgb(106,132,156)
```
#6184a5
```
#6184a5 rgb(97,132,165)
```
#5784af
```
#5784af rgb(87,132,175)
```
#4d84b9
```
#4d84b9 rgb(77,132,185)
```
#4484c2
```
#4484c2 rgb(68,132,194)
```
#3a85cc
```
#3a85cc rgb(58,133,204)
```
#3185d5
```
#3185d5 rgb(49,133,213)
```
#2785df
```
#2785df rgb(39,133,223)
```
#1e85e8
```
#1e85e8 rgb(30,133,232)
```
#1486f2
```
#1486f2 rgb(20,134,242)
```
#0b86fb
```
#0b86fb rgb(11,134,251)
```

Tone Color Variation

Below, you can see how #5784af 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

#7b7b7b Achromatopsia 0.005% of the population
#747d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7985af Protanopia 1% of men
#7685b5 Deuteranopia 1% of men
#558f99 Tritanopia 0.001% of the population

Trichromacy

#6d84af Protanomaly 1% of men, 0.01% of women
#6b84b2 Deuteranomaly 6% of men, 0.4% of women
#558ba1 Tritanomaly 0.01% of the population

#5784af hex color

#5784af Color Information

#5784af Color Conversion

Color Schemes with #5784af

Alternatives to #5784af

#5784af Preview

Shades and Tints of #5784af

Tones of #5784af

Color Blindness Simulator