#5493c3 hex color

In a RGB color space, hex #5493c3 is composed of 32.9% red, 57.6% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 24.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 205.9 degrees, a saturation of 48.1% and a lightness of 54.7%. #5493c3 color hex could be obtained by blending #a8ffff with #002787. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 58
- B 76
RGB color chart
- C 57
- M 25
- Y 0
- K 24
CMYK color chart

● #5493c3 color description : Moderate blue.

The hexadecimal color #5493c3 has RGB values of R:84, G:147, B:195 and CMYK values of C:0.57, M:0.25, Y:0, K:0.24. Its decimal value is 5542851.

Hex triplet	5493c3	`#5493c3`
RGB Decimal	84, 147, 195	`rgb(84,147,195)`
RGB Percent	32.9, 57.6, 76.5	`rgb(32.9%,57.6%,76.5%)`
CMYK	57, 25, 0, 24
HSL	205.9°, 48.1, 54.7	`hsl(205.9,48.1%,54.7%)`
HSV (or HSB)	205.9°, 56.9, 76.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.687, -6.171, -31.008
XYZ	23.938, 26.691, 55.517
xyY	0.226, 0.251, 26.691
CIE-LCH	58.687, 31.616, 258.745
CIE-LUV	58.687, -27.3, -47.13
Hunter-Lab	51.663, -7.704, -27.549
Binary	01010100, 10010011, 11000011

#5493c3
```
#5493c3 rgb(84,147,195)
```
#c38454
```
#c38454 rgb(195,132,84)
```

Complementary Color

#54c3bc
```
#54c3bc rgb(84,195,188)
```
#5493c3
```
#5493c3 rgb(84,147,195)
```
#545bc3
```
#545bc3 rgb(84,91,195)
```

Analogous Color

#c3bc54
```
#c3bc54 rgb(195,188,84)
```
#5493c3
```
#5493c3 rgb(84,147,195)
```
#c3545c
```
#c3545c rgb(195,84,92)
```

Split Complementary Color

#93c354
```
#93c354 rgb(147,195,84)
```
#5493c3
```
#5493c3 rgb(84,147,195)
```
#c35493
```
#c35493 rgb(195,84,147)
```

Triadic Color

#54c384
```
#54c384 rgb(84,195,132)
```
#5493c3
```
#5493c3 rgb(84,147,195)
```
#c35493
```
#c35493 rgb(195,84,147)
```
#c38454
```
#c38454 rgb(195,132,84)
```

Tetradic Color

#356c96
```
#356c96 rgb(53,108,150)
```
#3b79a9
```
#3b79a9 rgb(59,121,169)
```
#4287bc
```
#4287bc rgb(66,135,188)
```
#5493c3
```
#5493c3 rgb(84,147,195)
```
#679fca
```
#679fca rgb(103,159,202)
```
#7aabd0
```
#7aabd0 rgb(122,171,208)
```
#8db7d7
```
#8db7d7 rgb(141,183,215)
```

Monochromatic Color

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

#54afc3
```
#54afc3 rgb(84,175,195)
```
#54a6c3
```
#54a6c3 rgb(84,166,195)
```
#549cc3
```
#549cc3 rgb(84,156,195)
```
#5493c3
```
#5493c3 rgb(84,147,195)
```
#548ac3
```
#548ac3 rgb(84,138,195)
```
#5481c3
```
#5481c3 rgb(84,129,195)
```
#5477c3
```
#5477c3 rgb(84,119,195)
```

Similar Colors

Text with hexadecimal color #5493c3

This text has a font color of #5493c3.

<span style="color:#5493c3;">Text here</span>

#5493c3 background color

This paragraph has a background color of #5493c3.

<p style="background-color:#5493c3;">Content here</p>

#5493c3 border color

This element has a border color of #5493c3.

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

CSS codes

.text {color:#5493c3;}

.background {background-color:#5493c3;}

.border {border:1px solid #5493c3;}

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

#010203
```
#010203 rgb(1,2,3)
```
#060d12
```
#060d12 rgb(6,13,18)
```
#0b1720
```
#0b1720 rgb(11,23,32)
```
#10222f
```
#10222f rgb(16,34,47)
```
#162c3d
```
#162c3d rgb(22,44,61)
```
#1b374c
```
#1b374c rgb(27,55,76)
```
#20415a
```
#20415a rgb(32,65,90)
```
#254b69
```
#254b69 rgb(37,75,105)
```
#2a5677
```
#2a5677 rgb(42,86,119)
```
#2f6086
```
#2f6086 rgb(47,96,134)
```
#346b94
```
#346b94 rgb(52,107,148)
```
#3975a3
```
#3975a3 rgb(57,117,163)
```
#3e80b1
```
#3e80b1 rgb(62,128,177)
```

Shade Color Variation

#458abe
```
#458abe rgb(69,138,190)
```
#5493c3
```
#5493c3 rgb(84,147,195)
```
#639cc8
```
#639cc8 rgb(99,156,200)
```
#71a5cd
```
#71a5cd rgb(113,165,205)
```
#80afd2
```
#80afd2 rgb(128,175,210)
```
#8eb8d7
```
#8eb8d7 rgb(142,184,215)
```
#9dc1dc
```
#9dc1dc rgb(157,193,220)
```
#abcae2
```
#abcae2 rgb(171,202,226)
```
#bad3e7
```
#bad3e7 rgb(186,211,231)
```
#c8dcec
```
#c8dcec rgb(200,220,236)
```
#d7e6f1
```
#d7e6f1 rgb(215,230,241)
```
#e5eff6
```
#e5eff6 rgb(229,239,246)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

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

#898c8e
```
#898c8e rgb(137,140,142)
```
#808d97
```
#808d97 rgb(128,141,151)
```
#788e9f
```
#788e9f rgb(120,142,159)
```
#6f8fa8
```
#6f8fa8 rgb(111,143,168)
```
#6691b1
```
#6691b1 rgb(102,145,177)
```
#5d92ba
```
#5d92ba rgb(93,146,186)
```
#5493c3
```
#5493c3 rgb(84,147,195)
```
#4b94cc
```
#4b94cc rgb(75,148,204)
```
#4295d5
```
#4295d5 rgb(66,149,213)
```
#3997de
```
#3997de rgb(57,151,222)
```
#3098e7
```
#3098e7 rgb(48,152,231)
```
#2899ef
```
#2899ef rgb(40,153,239)
```
#1f9af8
```
#1f9af8 rgb(31,154,248)
```

Tone Color Variation

Below, you can see how #5493c3 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

#868686 Achromatopsia 0.005% of the population
#7c8992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8491c1 Protanopia 1% of men
#7e91c8 Deuteranopia 1% of men
#4e9ea9 Tritanopia 0.001% of the population

Trichromacy

#7291c1 Protanomaly 1% of men, 0.01% of women
#6f92c6 Deuteranomaly 6% of men, 0.4% of women
#509ab2 Tritanomaly 0.01% of the population

#5493c3 hex color

#5493c3 Color Information

#5493c3 Color Conversion

Color Schemes with #5493c3

Alternatives to #5493c3

#5493c3 Preview

Shades and Tints of #5493c3

Tones of #5493c3

Color Blindness Simulator