#5a77bf hex color

In a RGB color space, hex #5a77bf is composed of 35.3% red, 46.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 37.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 222.8 degrees, a saturation of 44.1% and a lightness of 55.1%. #5a77bf color hex could be obtained by blending #b4eeff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 47
- B 75
RGB color chart
- C 53
- M 38
- Y 0
- K 25
CMYK color chart

● #5a77bf color description : Moderate blue.

The hexadecimal color #5a77bf has RGB values of R:90, G:119, B:191 and CMYK values of C:0.53, M:0.38, Y:0, K:0.25. Its decimal value is 5928895.

Hex triplet	5a77bf	`#5a77bf`
RGB Decimal	90, 119, 191	`rgb(90,119,191)`
RGB Percent	35.3, 46.7, 74.9	`rgb(35.3%,46.7%,74.9%)`
CMYK	53, 38, 0, 25
HSL	222.8°, 44.1, 55.1	`hsl(222.8,44.1%,55.1%)`
HSV (or HSB)	222.8°, 52.9, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.837, 10.369, -41.009
XYZ	20.215, 19.128, 51.914
xyY	0.222, 0.21, 19.128
CIE-LCH	50.837, 42.3, 284.19
CIE-LUV	50.837, -15.298, -63.722
Hunter-Lab	43.736, 5.968, -39.763
Binary	01011010, 01110111, 10111111

#5a77bf
```
#5a77bf rgb(90,119,191)
```
#bfa25a
```
#bfa25a rgb(191,162,90)
```

Complementary Color

#5aaabf
```
#5aaabf rgb(90,170,191)
```
#5a77bf
```
#5a77bf rgb(90,119,191)
```
#705abf
```
#705abf rgb(112,90,191)
```

Analogous Color

#aabf5a
```
#aabf5a rgb(170,191,90)
```
#5a77bf
```
#5a77bf rgb(90,119,191)
```
#bf705a
```
#bf705a rgb(191,112,90)
```

Split Complementary Color

#77bf5a
```
#77bf5a rgb(119,191,90)
```
#5a77bf
```
#5a77bf rgb(90,119,191)
```
#bf5a77
```
#bf5a77 rgb(191,90,119)
```

Triadic Color

#5abfa2
```
#5abfa2 rgb(90,191,162)
```
#5a77bf
```
#5a77bf rgb(90,119,191)
```
#bf5a77
```
#bf5a77 rgb(191,90,119)
```
#bfa25a
```
#bfa25a rgb(191,162,90)
```

Tetradic Color

#395393
```
#395393 rgb(57,83,147)
```
#405da6
```
#405da6 rgb(64,93,166)
```
#4868b8
```
#4868b8 rgb(72,104,184)
```
#5a77bf
```
#5a77bf rgb(90,119,191)
```
#6c86c6
```
#6c86c6 rgb(108,134,198)
```
#7f95cd
```
#7f95cd rgb(127,149,205)
```
#91a4d4
```
#91a4d4 rgb(145,164,212)
```

Monochromatic Color

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

#5a90bf
```
#5a90bf rgb(90,144,191)
```
#5a88bf
```
#5a88bf rgb(90,136,191)
```
#5a7fbf
```
#5a7fbf rgb(90,127,191)
```
#5a77bf
```
#5a77bf rgb(90,119,191)
```
#5a6fbf
```
#5a6fbf rgb(90,111,191)
```
#5a66bf
```
#5a66bf rgb(90,102,191)
```
#5a5ebf
```
#5a5ebf rgb(90,94,191)
```

Similar Colors

Text with hexadecimal color #5a77bf

This text has a font color of #5a77bf.

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

#5a77bf background color

This paragraph has a background color of #5a77bf.

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

#5a77bf border color

This element has a border color of #5a77bf.

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

CSS codes

.text {color:#5a77bf;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070b13
```
#070b13 rgb(7,11,19)
```
#0d1321
```
#0d1321 rgb(13,19,33)
```
#121a2f
```
#121a2f rgb(18,26,47)
```
#18223d
```
#18223d rgb(24,34,61)
```
#1d2a4b
```
#1d2a4b rgb(29,42,75)
```
#233259
```
#233259 rgb(35,50,89)
```
#283a68
```
#283a68 rgb(40,58,104)
```
#2e4276
```
#2e4276 rgb(46,66,118)
```
#334a84
```
#334a84 rgb(51,74,132)
```
#395292
```
#395292 rgb(57,82,146)
```
#3e5aa0
```
#3e5aa0 rgb(62,90,160)
```
#4462ae
```
#4462ae rgb(68,98,174)
```

Shade Color Variation

#4c6bba
```
#4c6bba rgb(76,107,186)
```
#5a77bf
```
#5a77bf rgb(90,119,191)
```
#6883c4
```
#6883c4 rgb(104,131,196)
```
#768eca
```
#768eca rgb(118,142,202)
```
#849acf
```
#849acf rgb(132,154,207)
```
#93a6d5
```
#93a6d5 rgb(147,166,213)
```
#a1b1da
```
#a1b1da rgb(161,177,218)
```
#afbde0
```
#afbde0 rgb(175,189,224)
```
#bdc9e5
```
#bdc9e5 rgb(189,201,229)
```
#cbd4eb
```
#cbd4eb rgb(203,212,235)
```
#d9e0f0
```
#d9e0f0 rgb(217,224,240)
```
#e7ebf6
```
#e7ebf6 rgb(231,235,246)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

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

#868a93
```
#868a93 rgb(134,138,147)
```
#7d869c
```
#7d869c rgb(125,134,156)
```
#7482a5
```
#7482a5 rgb(116,130,165)
```
#6c7ead
```
#6c7ead rgb(108,126,173)
```
#637bb6
```
#637bb6 rgb(99,123,182)
```
#5a77bf
```
#5a77bf rgb(90,119,191)
```
#5173c8
```
#5173c8 rgb(81,115,200)
```
#4870d1
```
#4870d1 rgb(72,112,209)
```
#406cd9
```
#406cd9 rgb(64,108,217)
```
#3768e2
```
#3768e2 rgb(55,104,226)
```
#2e64eb
```
#2e64eb rgb(46,100,235)
```
#2561f4
```
#2561f4 rgb(37,97,244)
```
#1c5dfd
```
#1c5dfd rgb(28,93,253)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#717785 Atypical Achromatopsia 0.001% of the population

Dichromacy

#647dc2 Protanopia 1% of men
#5880c1 Deuteranopia 1% of men
#4d8892 Tritanopia 0.001% of the population

Trichromacy

#607bc0 Protanomaly 1% of men, 0.01% of women
#597cc0 Deuteranomaly 6% of men, 0.4% of women
#5182a2 Tritanomaly 0.01% of the population

#5a77bf hex color

#5a77bf Color Information

#5a77bf Color Conversion

Color Schemes with #5a77bf

Alternatives to #5a77bf

#5a77bf Preview

Shades and Tints of #5a77bf

Tones of #5a77bf

Color Blindness Simulator