#5775bd hex color

In a RGB color space, hex #5775bd is composed of 34.1% red, 45.9% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 38.1% magenta, 0% yellow and 25.9% black. It has a hue angle of 222.4 degrees, a saturation of 43.6% and a lightness of 54.1%. #5775bd color hex could be obtained by blending #aeeaff with #00007b. Closest websafe color is: #6666cc.

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

● #5775bd color description : Moderate blue.

The hexadecimal color #5775bd has RGB values of R:87, G:117, B:189 and CMYK values of C:0.54, M:0.38, Y:0, K:0.26. Its decimal value is 5731773.

Hex triplet	5775bd	`#5775bd`
RGB Decimal	87, 117, 189	`rgb(87,117,189)`
RGB Percent	34.1, 45.9, 74.1	`rgb(34.1%,45.9%,74.1%)`
CMYK	54, 38, 0, 26
HSL	222.4°, 43.6, 54.1	`hsl(222.4,43.6%,54.1%)`
HSV (or HSB)	222.4°, 54, 74.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.004, 10.27, -41.187
XYZ	19.475, 18.422, 50.671
xyY	0.22, 0.208, 18.422
CIE-LCH	50.004, 42.449, 284.002
CIE-LUV	50.004, -15.526, -63.771
Hunter-Lab	42.921, 5.882, -39.951
Binary	01010111, 01110101, 10111101

#5775bd
```
#5775bd rgb(87,117,189)
```
#bd9f57
```
#bd9f57 rgb(189,159,87)
```

Complementary Color

#57a8bd
```
#57a8bd rgb(87,168,189)
```
#5775bd
```
#5775bd rgb(87,117,189)
```
#6c57bd
```
#6c57bd rgb(108,87,189)
```

Analogous Color

#a8bd57
```
#a8bd57 rgb(168,189,87)
```
#5775bd
```
#5775bd rgb(87,117,189)
```
#bd6c57
```
#bd6c57 rgb(189,108,87)
```

Split Complementary Color

#75bd57
```
#75bd57 rgb(117,189,87)
```
#5775bd
```
#5775bd rgb(87,117,189)
```
#bd5775
```
#bd5775 rgb(189,87,117)
```

Triadic Color

#57bd9f
```
#57bd9f rgb(87,189,159)
```
#5775bd
```
#5775bd rgb(87,117,189)
```
#bd5775
```
#bd5775 rgb(189,87,117)
```
#bd9f57
```
#bd9f57 rgb(189,159,87)
```

Tetradic Color

#38528f
```
#38528f rgb(56,82,143)
```
#3f5ca2
```
#3f5ca2 rgb(63,92,162)
```
#4767b4
```
#4767b4 rgb(71,103,180)
```
#5775bd
```
#5775bd rgb(87,117,189)
```
#6984c4
```
#6984c4 rgb(105,132,196)
```
#7c93cb
```
#7c93cb rgb(124,147,203)
```
#8ea2d3
```
#8ea2d3 rgb(142,162,211)
```

Monochromatic Color

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

#578fbd
```
#578fbd rgb(87,143,189)
```
#5786bd
```
#5786bd rgb(87,134,189)
```
#577ebd
```
#577ebd rgb(87,126,189)
```
#5775bd
```
#5775bd rgb(87,117,189)
```
#576dbd
```
#576dbd rgb(87,109,189)
```
#5764bd
```
#5764bd rgb(87,100,189)
```
#575cbd
```
#575cbd rgb(87,92,189)
```

Similar Colors

Text with hexadecimal color #5775bd

This text has a font color of #5775bd.

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

#5775bd background color

This paragraph has a background color of #5775bd.

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

#5775bd border color

This element has a border color of #5775bd.

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

CSS codes

.text {color:#5775bd;}

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

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

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 #f2f4fa is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#06090f
```
#06090f rgb(6,9,15)
```
#0b111d
```
#0b111d rgb(11,17,29)
```
#11192b
```
#11192b rgb(17,25,43)
```
#172139
```
#172139 rgb(23,33,57)
```
#1c2947
```
#1c2947 rgb(28,41,71)
```
#223155
```
#223155 rgb(34,49,85)
```
#273964
```
#273964 rgb(39,57,100)
```
#2d4172
```
#2d4172 rgb(45,65,114)
```
#324980
```
#324980 rgb(50,73,128)
```
#38518e
```
#38518e rgb(56,81,142)
```
#3d599c
```
#3d599c rgb(61,89,156)
```
#4361aa
```
#4361aa rgb(67,97,170)
```

Shade Color Variation

#4969b7
```
#4969b7 rgb(73,105,183)
```
#5775bd
```
#5775bd rgb(87,117,189)
```
#6581c3
```
#6581c3 rgb(101,129,195)
```
#738cc8
```
#738cc8 rgb(115,140,200)
```
#8198ce
```
#8198ce rgb(129,152,206)
```
#8fa3d3
```
#8fa3d3 rgb(143,163,211)
```
#9dafd9
```
#9dafd9 rgb(157,175,217)
```
#abbade
```
#abbade rgb(171,186,222)
```
#bac6e4
```
#bac6e4 rgb(186,198,228)
```
#c8d2e9
```
#c8d2e9 rgb(200,210,233)
```
#d6ddef
```
#d6ddef rgb(214,221,239)
```
#e4e9f4
```
#e4e9f4 rgb(228,233,244)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

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

#848890
```
#848890 rgb(132,136,144)
```
#7b8499
```
#7b8499 rgb(123,132,153)
```
#7280a2
```
#7280a2 rgb(114,128,162)
```
#697cab
```
#697cab rgb(105,124,171)
```
#6079b4
```
#6079b4 rgb(96,121,180)
```
#5775bd
```
#5775bd rgb(87,117,189)
```
#4e71c6
```
#4e71c6 rgb(78,113,198)
```
#456ecf
```
#456ecf rgb(69,110,207)
```
#3c6ad8
```
#3c6ad8 rgb(60,106,216)
```
#3366e1
```
#3366e1 rgb(51,102,225)
```
#2a62ea
```
#2a62ea rgb(42,98,234)
```
#215ff3
```
#215ff3 rgb(33,95,243)
```
#185bfc
```
#185bfc rgb(24,91,252)
```

Tone Color Variation

Below, you can see how #5775bd 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

#747474 Achromatopsia 0.005% of the population
#6e7483 Atypical Achromatopsia 0.001% of the population

Dichromacy

#617bc0 Protanopia 1% of men
#557ebf Deuteranopia 1% of men
#498690 Tritanopia 0.001% of the population

Trichromacy

#5d79bf Protanomaly 1% of men, 0.01% of women
#567abe Deuteranomaly 6% of men, 0.4% of women
#4e80a0 Tritanomaly 0.01% of the population

#5775bd hex color

#5775bd Color Information

#5775bd Color Conversion

Color Schemes with #5775bd

Alternatives to #5775bd

#5775bd Preview

Shades and Tints of #5775bd

Tones of #5775bd

Color Blindness Simulator