#5477ba hex color

In a RGB color space, hex #5477ba is composed of 32.9% red, 46.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 36% magenta, 0% yellow and 27.1% black. It has a hue angle of 219.4 degrees, a saturation of 42.5% and a lightness of 52.9%. #5477ba color hex could be obtained by blending #a8eeff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 47
- B 73
RGB color chart
- C 55
- M 36
- Y 0
- K 27
CMYK color chart

● #5477ba color description : Moderate blue.

The hexadecimal color #5477ba has RGB values of R:84, G:119, B:186 and CMYK values of C:0.55, M:0.36, Y:0, K:0.27. Its decimal value is 5535674.

Hex triplet	5477ba	`#5477ba`
RGB Decimal	84, 119, 186	`rgb(84,119,186)`
RGB Percent	32.9, 46.7, 72.9	`rgb(32.9%,46.7%,72.9%)`
CMYK	55, 36, 0, 27
HSL	219.4°, 42.5, 52.9	`hsl(219.4,42.5%,52.9%)`
HSV (or HSB)	219.4°, 54.8, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.243, 7.408, -39.094
XYZ	19.114, 18.623, 49.039
xyY	0.22, 0.215, 18.623
CIE-LCH	50.243, 39.789, 280.73
CIE-LUV	50.243, -17.145, -60.208
Hunter-Lab	43.154, 3.543, -37.168
Binary	01010100, 01110111, 10111010

#5477ba
```
#5477ba rgb(84,119,186)
```
#ba9754
```
#ba9754 rgb(186,151,84)
```

Complementary Color

#54aaba
```
#54aaba rgb(84,170,186)
```
#5477ba
```
#5477ba rgb(84,119,186)
```
#6454ba
```
#6454ba rgb(100,84,186)
```

Analogous Color

#aaba54
```
#aaba54 rgb(170,186,84)
```
#5477ba
```
#5477ba rgb(84,119,186)
```
#ba6454
```
#ba6454 rgb(186,100,84)
```

Split Complementary Color

#77ba54
```
#77ba54 rgb(119,186,84)
```
#5477ba
```
#5477ba rgb(84,119,186)
```
#ba5477
```
#ba5477 rgb(186,84,119)
```

Triadic Color

#54ba97
```
#54ba97 rgb(84,186,151)
```
#5477ba
```
#5477ba rgb(84,119,186)
```
#ba5477
```
#ba5477 rgb(186,84,119)
```
#ba9754
```
#ba9754 rgb(186,151,84)
```

Tetradic Color

#38548a
```
#38548a rgb(56,84,138)
```
#3f5f9c
```
#3f5f9c rgb(63,95,156)
```
#466aae
```
#466aae rgb(70,106,174)
```
#5477ba
```
#5477ba rgb(84,119,186)
```
#6685c1
```
#6685c1 rgb(102,133,193)
```
#7894c9
```
#7894c9 rgb(120,148,201)
```
#8ba2d0
```
#8ba2d0 rgb(139,162,208)
```

Monochromatic Color

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

#5491ba
```
#5491ba rgb(84,145,186)
```
#5488ba
```
#5488ba rgb(84,136,186)
```
#5480ba
```
#5480ba rgb(84,128,186)
```
#5477ba
```
#5477ba rgb(84,119,186)
```
#546fba
```
#546fba rgb(84,111,186)
```
#5466ba
```
#5466ba rgb(84,102,186)
```
#545eba
```
#545eba rgb(84,94,186)
```

Similar Colors

Text with hexadecimal color #5477ba

This text has a font color of #5477ba.

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

#5477ba background color

This paragraph has a background color of #5477ba.

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

#5477ba border color

This element has a border color of #5477ba.

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

CSS codes

.text {color:#5477ba;}

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

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

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, #04070b is the darkest color, while #fcfcfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#0a0f19
```
#0a0f19 rgb(10,15,25)
```
#101827
```
#101827 rgb(16,24,39)
```
#152035
```
#152035 rgb(21,32,53)
```
#1b2943
```
#1b2943 rgb(27,41,67)
```
#213151
```
#213151 rgb(33,49,81)
```
#263a5f
```
#263a5f rgb(38,58,95)
```
#2c426d
```
#2c426d rgb(44,66,109)
```
#314b7a
```
#314b7a rgb(49,75,122)
```
#375388
```
#375388 rgb(55,83,136)
```
#3d5c96
```
#3d5c96 rgb(61,92,150)
```
#4264a4
```
#4264a4 rgb(66,100,164)
```
#486db2
```
#486db2 rgb(72,109,178)
```

Shade Color Variation

#5477ba
```
#5477ba rgb(84,119,186)
```
#6282c0
```
#6282c0 rgb(98,130,192)
```
#708dc5
```
#708dc5 rgb(112,141,197)
```
#7e98cb
```
#7e98cb rgb(126,152,203)
```
#8ca3d1
```
#8ca3d1 rgb(140,163,209)
```
#9aafd6
```
#9aafd6 rgb(154,175,214)
```
#a8badc
```
#a8badc rgb(168,186,220)
```
#b6c5e1
```
#b6c5e1 rgb(182,197,225)
```
#c4d0e7
```
#c4d0e7 rgb(196,208,231)
```
#d2dbed
```
#d2dbed rgb(210,219,237)
```
#e0e6f2
```
#e0e6f2 rgb(224,230,242)
```
#eef1f8
```
#eef1f8 rgb(238,241,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#82858c
```
#82858c rgb(130,133,140)
```
#798395
```
#798395 rgb(121,131,149)
```
#70809e
```
#70809e rgb(112,128,158)
```
#667da8
```
#667da8 rgb(102,125,168)
```
#5d7ab1
```
#5d7ab1 rgb(93,122,177)
```
#5477ba
```
#5477ba rgb(84,119,186)
```
#4b74c3
```
#4b74c3 rgb(75,116,195)
```
#4271cc
```
#4271cc rgb(66,113,204)
```
#386ed6
```
#386ed6 rgb(56,110,214)
```
#2f6bdf
```
#2f6bdf rgb(47,107,223)
```
#2669e8
```
#2669e8 rgb(38,105,232)
```
#1d66f1
```
#1d66f1 rgb(29,102,241)
```
#1363fb
```
#1363fb rgb(19,99,251)
```

Tone Color Variation

Below, you can see how #5477ba 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
#6e7582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657cbc Protanopia 1% of men
#5a7ebd Deuteranopia 1% of men
#488791 Tritanopia 0.001% of the population

Trichromacy

#5f7abb Protanomaly 1% of men, 0.01% of women
#587bbc Deuteranomaly 6% of men, 0.4% of women
#4c81a0 Tritanomaly 0.01% of the population

#5477ba hex color

#5477ba Color Information

#5477ba Color Conversion

Color Schemes with #5477ba

Alternatives to #5477ba

#5477ba Preview

Shades and Tints of #5477ba

Tones of #5477ba

Color Blindness Simulator