#5477db hex color

In a RGB color space, hex #5477db is composed of 32.9% red, 46.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 45.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 224.4 degrees, a saturation of 65.2% and a lightness of 59.4%. #5477db color hex could be obtained by blending #a8eeff with #0000b7. Closest websafe color is: #6666cc.

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

● #5477db color description : Soft blue.

The hexadecimal color #5477db has RGB values of R:84, G:119, B:219 and CMYK values of C:0.62, M:0.46, Y:0, K:0.14. Its decimal value is 5535707.

Hex triplet	5477db	`#5477db`
RGB Decimal	84, 119, 219	`rgb(84,119,219)`
RGB Percent	32.9, 46.7, 85.9	`rgb(32.9%,46.7%,85.9%)`
CMYK	62, 46, 0, 14
HSL	224.4°, 65.2, 59.4	`hsl(224.4,65.2%,59.4%)`
HSV (or HSB)	224.4°, 61.6, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.053, 18.409, -55.032
XYZ	23.036, 20.192, 69.697
xyY	0.204, 0.179, 20.192
CIE-LCH	52.053, 58.029, 288.496
CIE-LUV	52.053, -17.327, -87.067
Hunter-Lab	44.935, 12.873, -60.508
Binary	01010100, 01110111, 11011011

#5477db
```
#5477db rgb(84,119,219)
```
#dbb854
```
#dbb854 rgb(219,184,84)
```

Complementary Color

#54bbdb
```
#54bbdb rgb(84,187,219)
```
#5477db
```
#5477db rgb(84,119,219)
```
#7554db
```
#7554db rgb(117,84,219)
```

Analogous Color

#bbdb54
```
#bbdb54 rgb(187,219,84)
```
#5477db
```
#5477db rgb(84,119,219)
```
#db7554
```
#db7554 rgb(219,117,84)
```

Split Complementary Color

#77db54
```
#77db54 rgb(119,219,84)
```
#5477db
```
#5477db rgb(84,119,219)
```
#db5477
```
#db5477 rgb(219,84,119)
```

Triadic Color

#54dbb8
```
#54dbb8 rgb(84,219,184)
```
#5477db
```
#5477db rgb(84,119,219)
```
#db5477
```
#db5477 rgb(219,84,119)
```
#dbb854
```
#dbb854 rgb(219,184,84)
```

Tetradic Color

#274ebb
```
#274ebb rgb(39,78,187)
```
#2c56d0
```
#2c56d0 rgb(44,86,208)
```
#3f66d7
```
#3f66d7 rgb(63,102,215)
```
#5477db
```
#5477db rgb(84,119,219)
```
#6988df
```
#6988df rgb(105,136,223)
```
#7e99e4
```
#7e99e4 rgb(126,153,228)
```
#93a9e8
```
#93a9e8 rgb(147,169,232)
```

Monochromatic Color

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

#5499db
```
#5499db rgb(84,153,219)
```
#548edb
```
#548edb rgb(84,142,219)
```
#5482db
```
#5482db rgb(84,130,219)
```
#5477db
```
#5477db rgb(84,119,219)
```
#546cdb
```
#546cdb rgb(84,108,219)
```
#5461db
```
#5461db rgb(84,97,219)
```
#5455db
```
#5455db rgb(84,85,219)
```

Similar Colors

Text with hexadecimal color #5477db

This text has a font color of #5477db.

<span style="color:#5477db;">Text here</span>

#5477db background color

This paragraph has a background color of #5477db.

<p style="background-color:#5477db;">Content here</p>

#5477db border color

This element has a border color of #5477db.

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

CSS codes

.text {color:#5477db;}

.background {background-color:#5477db;}

.border {border:1px solid #5477db;}

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

#020307
```
#020307 rgb(2,3,7)
```
#050a17
```
#050a17 rgb(5,10,23)
```
#081028
```
#081028 rgb(8,16,40)
```
#0c1738
```
#0c1738 rgb(12,23,56)
```
#0f1e48
```
#0f1e48 rgb(15,30,72)
```
#132558
```
#132558 rgb(19,37,88)
```
#162b68
```
#162b68 rgb(22,43,104)
```
#193279
```
#193279 rgb(25,50,121)
```
#1d3989
```
#1d3989 rgb(29,57,137)
```
#204099
```
#204099 rgb(32,64,153)
```
#2446a9
```
#2446a9 rgb(36,70,169)
```
#274db9
```
#274db9 rgb(39,77,185)
```
#2a54ca
```
#2a54ca rgb(42,84,202)
```

Shade Color Variation

#345dd4
```
#345dd4 rgb(52,93,212)
```
#446ad8
```
#446ad8 rgb(68,106,216)
```
#5477db
```
#5477db rgb(84,119,219)
```
#6484de
```
#6484de rgb(100,132,222)
```
#7491e2
```
#7491e2 rgb(116,145,226)
```
#859ee5
```
#859ee5 rgb(133,158,229)
```
#95abe9
```
#95abe9 rgb(149,171,233)
```
#a5b7ec
```
#a5b7ec rgb(165,183,236)
```
#b5c4ef
```
#b5c4ef rgb(181,196,239)
```
#c5d1f3
```
#c5d1f3 rgb(197,209,243)
```
#d6def6
```
#d6def6 rgb(214,222,246)
```
#e6ebfa
```
#e6ebfa rgb(230,235,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94969b is the less saturated color, while #3468fb is the most saturated one.

#94969b
```
#94969b rgb(148,150,155)
```
#8c92a3
```
#8c92a3 rgb(140,146,163)
```
#848eab
```
#848eab rgb(132,142,171)
```
#7c8ab3
```
#7c8ab3 rgb(124,138,179)
```
#7486bb
```
#7486bb rgb(116,134,187)
```
#6c83c3
```
#6c83c3 rgb(108,131,195)
```
#647fcb
```
#647fcb rgb(100,127,203)
```
#5c7bd3
```
#5c7bd3 rgb(92,123,211)
```
#5477db
```
#5477db rgb(84,119,219)
```
#4c73e3
```
#4c73e3 rgb(76,115,227)
```
#446feb
```
#446feb rgb(68,111,235)
```
#3c6cf3
```
#3c6cf3 rgb(60,108,243)
```
#3468fb
```
#3468fb rgb(52,104,251)
```

Tone Color Variation

Below, you can see how #5477db 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

#787878 Achromatopsia 0.005% of the population
#71788c Atypical Achromatopsia 0.001% of the population

Dichromacy

#507fde Protanopia 1% of men
#2c84da Deuteranopia 1% of men
#2d8e99 Tritanopia 0.001% of the population

Trichromacy

#527cdd Protanomaly 1% of men, 0.01% of women
#3a7fda Deuteranomaly 6% of men, 0.4% of women
#3b86b1 Tritanomaly 0.01% of the population

#5477db hex color

#5477db Color Information

#5477db Color Conversion

Color Schemes with #5477db

Alternatives to #5477db

#5477db Preview

Shades and Tints of #5477db

Tones of #5477db

Color Blindness Simulator