#5a77db hex color

In a RGB color space, hex #5a77db is composed of 35.3% red, 46.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 45.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 226.5 degrees, a saturation of 64.2% and a lightness of 60.6%. #5a77db color hex could be obtained by blending #b4eeff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 47
- B 86
RGB color chart
- C 59
- M 46
- Y 0
- K 14
CMYK color chart

● #5a77db color description : Soft blue.

The hexadecimal color #5a77db has RGB values of R:90, G:119, B:219 and CMYK values of C:0.59, M:0.46, Y:0, K:0.14. Its decimal value is 5928923.

Hex triplet	5a77db	`#5a77db`
RGB Decimal	90, 119, 219	`rgb(90,119,219)`
RGB Percent	35.3, 46.7, 85.9	`rgb(35.3%,46.7%,85.9%)`
CMYK	59, 46, 0, 14
HSL	226.5°, 64.2, 60.6	`hsl(226.5,64.2%,60.6%)`
HSV (or HSB)	226.5°, 58.9, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.376, 19.524, -54.496
XYZ	23.597, 20.481, 69.724
xyY	0.207, 0.18, 20.481
CIE-LCH	52.376, 57.888, 289.711
CIE-LUV	52.376, -15.689, -86.459
Hunter-Lab	45.255, 13.875, -59.667
Binary	01011010, 01110111, 11011011

#5a77db
```
#5a77db rgb(90,119,219)
```
#dbbe5a
```
#dbbe5a rgb(219,190,90)
```

Complementary Color

#5ab8db
```
#5ab8db rgb(90,184,219)
```
#5a77db
```
#5a77db rgb(90,119,219)
```
#7e5adb
```
#7e5adb rgb(126,90,219)
```

Analogous Color

#b8db5a
```
#b8db5a rgb(184,219,90)
```
#5a77db
```
#5a77db rgb(90,119,219)
```
#db7e5a
```
#db7e5a rgb(219,126,90)
```

Split Complementary Color

#77db5a
```
#77db5a rgb(119,219,90)
```
#5a77db
```
#5a77db rgb(90,119,219)
```
#db5a77
```
#db5a77 rgb(219,90,119)
```

Triadic Color

#5adbbe
```
#5adbbe rgb(90,219,190)
```
#5a77db
```
#5a77db rgb(90,119,219)
```
#db5a77
```
#db5a77 rgb(219,90,119)
```
#dbbe5a
```
#dbbe5a rgb(219,190,90)
```

Tetradic Color

#2a4bbf
```
#2a4bbf rgb(42,75,191)
```
#3054d2
```
#3054d2 rgb(48,84,210)
```
#4566d6
```
#4566d6 rgb(69,102,214)
```
#5a77db
```
#5a77db rgb(90,119,219)
```
#6f88e0
```
#6f88e0 rgb(111,136,224)
```
#849ae4
```
#849ae4 rgb(132,154,228)
```
#99abe9
```
#99abe9 rgb(153,171,233)
```

Monochromatic Color

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

#5a97db
```
#5a97db rgb(90,151,219)
```
#5a8ddb
```
#5a8ddb rgb(90,141,219)
```
#5a82db
```
#5a82db rgb(90,130,219)
```
#5a77db
```
#5a77db rgb(90,119,219)
```
#5a6cdb
```
#5a6cdb rgb(90,108,219)
```
#5a62db
```
#5a62db rgb(90,98,219)
```
#5d5adb
```
#5d5adb rgb(93,90,219)
```

Similar Colors

Text with hexadecimal color #5a77db

This text has a font color of #5a77db.

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

#5a77db background color

This paragraph has a background color of #5a77db.

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

#5a77db border color

This element has a border color of #5a77db.

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

CSS codes

.text {color:#5a77db;}

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

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

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, #03050c is the darkest color, while #fbfcfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#060b1c
```
#060b1c rgb(6,11,28)
```
#0a112c
```
#0a112c rgb(10,17,44)
```
#0d183c
```
#0d183c rgb(13,24,60)
```
#111e4d
```
#111e4d rgb(17,30,77)
```
#14245d
```
#14245d rgb(20,36,93)
```
#182b6d
```
#182b6d rgb(24,43,109)
```
#1b317d
```
#1b317d rgb(27,49,125)
```
#1f388d
```
#1f388d rgb(31,56,141)
```
#223e9d
```
#223e9d rgb(34,62,157)
```
#2644ad
```
#2644ad rgb(38,68,173)
```
#294bbd
```
#294bbd rgb(41,75,189)
```
#2d51cd
```
#2d51cd rgb(45,81,205)
```

Shade Color Variation

#3a5cd4
```
#3a5cd4 rgb(58,92,212)
```
#4a6ad7
```
#4a6ad7 rgb(74,106,215)
```
#5a77db
```
#5a77db rgb(90,119,219)
```
#6a84df
```
#6a84df rgb(106,132,223)
```
#7a92e2
```
#7a92e2 rgb(122,146,226)
```
#8a9fe6
```
#8a9fe6 rgb(138,159,230)
```
#9aace9
```
#9aace9 rgb(154,172,233)
```
#abb9ed
```
#abb9ed rgb(171,185,237)
```
#bbc7f0
```
#bbc7f0 rgb(187,199,240)
```
#cbd4f4
```
#cbd4f4 rgb(203,212,244)
```
#dbe1f7
```
#dbe1f7 rgb(219,225,247)
```
#ebeefb
```
#ebeefb rgb(235,238,251)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98999d is the less saturated color, while #3b66fa is the most saturated one.

#98999d
```
#98999d rgb(152,153,157)
```
#9095a5
```
#9095a5 rgb(144,149,165)
```
#8891ad
```
#8891ad rgb(136,145,173)
```
#818cb4
```
#818cb4 rgb(129,140,180)
```
#7988bc
```
#7988bc rgb(121,136,188)
```
#7184c4
```
#7184c4 rgb(113,132,196)
```
#6980cc
```
#6980cc rgb(105,128,204)
```
#627bd3
```
#627bd3 rgb(98,123,211)
```
#5a77db
```
#5a77db rgb(90,119,219)
```
#5273e3
```
#5273e3 rgb(82,115,227)
```
#4b6eea
```
#4b6eea rgb(75,110,234)
```
#436af2
```
#436af2 rgb(67,106,242)
```
#3b66fa
```
#3b66fa rgb(59,102,250)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#74798d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5280df Protanopia 1% of men
#3385d9 Deuteranopia 1% of men
#3a8e99 Tritanopia 0.001% of the population

Trichromacy

#557ddd Protanomaly 1% of men, 0.01% of women
#4180da Deuteranomaly 6% of men, 0.4% of women
#4686b1 Tritanomaly 0.01% of the population

#5a77db hex color

#5a77db Color Information

#5a77db Color Conversion

Color Schemes with #5a77db

Alternatives to #5a77db

#5a77db Preview

Shades and Tints of #5a77db

Tones of #5a77db

Color Blindness Simulator