#5495b9 hex color

In a RGB color space, hex #5495b9 is composed of 32.9% red, 58.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 54.6% cyan, 19.5% magenta, 0% yellow and 27.5% black. It has a hue angle of 201.4 degrees, a saturation of 41.9% and a lightness of 52.7%. #5495b9 color hex could be obtained by blending #a8ffff with #002b73. Closest websafe color is: #6699cc.

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

● #5495b9 color description : Moderate blue.

The hexadecimal color #5495b9 has RGB values of R:84, G:149, B:185 and CMYK values of C:0.55, M:0.19, Y:0, K:0.27. Its decimal value is 5543353.

Hex triplet	5495b9	`#5495b9`
RGB Decimal	84, 149, 185	`rgb(84,149,185)`
RGB Percent	32.9, 58.4, 72.5	`rgb(32.9%,58.4%,72.5%)`
CMYK	55, 19, 0, 27
HSL	201.4°, 41.9, 52.7	`hsl(201.4,41.9%,52.7%)`
HSV (or HSB)	201.4°, 54.6, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.864, -10.398, -25.085
XYZ	23.158, 26.881, 49.864
xyY	0.232, 0.269, 26.881
CIE-LCH	58.864, 27.155, 247.484
CIE-LUV	58.864, -28.32, -36.958
Hunter-Lab	51.847, -11.002, -20.73
Binary	01010100, 10010101, 10111001

#5495b9
```
#5495b9 rgb(84,149,185)
```
#b97854
```
#b97854 rgb(185,120,84)
```

Complementary Color

#54b9ab
```
#54b9ab rgb(84,185,171)
```
#5495b9
```
#5495b9 rgb(84,149,185)
```
#5463b9
```
#5463b9 rgb(84,99,185)
```

Analogous Color

#b9ab54
```
#b9ab54 rgb(185,171,84)
```
#5495b9
```
#5495b9 rgb(84,149,185)
```
#b95463
```
#b95463 rgb(185,84,99)
```

Split Complementary Color

#95b954
```
#95b954 rgb(149,185,84)
```
#5495b9
```
#5495b9 rgb(84,149,185)
```
#b95495
```
#b95495 rgb(185,84,149)
```

Triadic Color

#54b978
```
#54b978 rgb(84,185,120)
```
#5495b9
```
#5495b9 rgb(84,149,185)
```
#b95495
```
#b95495 rgb(185,84,149)
```
#b97854
```
#b97854 rgb(185,120,84)
```

Tetradic Color

#386c89
```
#386c89 rgb(56,108,137)
```
#3f7a9b
```
#3f7a9b rgb(63,122,155)
```
#4788ad
```
#4788ad rgb(71,136,173)
```
#5495b9
```
#5495b9 rgb(84,149,185)
```
#66a0c0
```
#66a0c0 rgb(102,160,192)
```
#78abc8
```
#78abc8 rgb(120,171,200)
```
#8ab7cf
```
#8ab7cf rgb(138,183,207)
```

Monochromatic Color

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

#54aeb9
```
#54aeb9 rgb(84,174,185)
```
#54a6b9
```
#54a6b9 rgb(84,166,185)
```
#549db9
```
#549db9 rgb(84,157,185)
```
#5495b9
```
#5495b9 rgb(84,149,185)
```
#548db9
```
#548db9 rgb(84,141,185)
```
#5484b9
```
#5484b9 rgb(84,132,185)
```
#547cb9
```
#547cb9 rgb(84,124,185)
```

Similar Colors

Text with hexadecimal color #5495b9

This text has a font color of #5495b9.

<span style="color:#5495b9;">Text here</span>

#5495b9 background color

This paragraph has a background color of #5495b9.

<p style="background-color:#5495b9;">Content here</p>

#5495b9 border color

This element has a border color of #5495b9.

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

CSS codes

.text {color:#5495b9;}

.background {background-color:#5495b9;}

.border {border:1px solid #5495b9;}

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, #04080a is the darkest color, while #fbfdfd is the lightest one.

#04080a
```
#04080a rgb(4,8,10)
```
#0a1318
```
#0a1318 rgb(10,19,24)
```
#0f1e26
```
#0f1e26 rgb(15,30,38)
```
#152934
```
#152934 rgb(21,41,52)
```
#1b3442
```
#1b3442 rgb(27,52,66)
```
#213f50
```
#213f50 rgb(33,63,80)
```
#264a5d
```
#264a5d rgb(38,74,93)
```
#2c556b
```
#2c556b rgb(44,85,107)
```
#326079
```
#326079 rgb(50,96,121)
```
#376b87
```
#376b87 rgb(55,107,135)
```
#3d7695
```
#3d7695 rgb(61,118,149)
```
#4381a3
```
#4381a3 rgb(67,129,163)
```
#488cb1
```
#488cb1 rgb(72,140,177)
```

Shade Color Variation

#5495b9
```
#5495b9 rgb(84,149,185)
```
#629ebf
```
#629ebf rgb(98,158,191)
```
#70a6c4
```
#70a6c4 rgb(112,166,196)
```
#7eafca
```
#7eafca rgb(126,175,202)
```
#8cb8d0
```
#8cb8d0 rgb(140,184,208)
```
#9ac0d5
```
#9ac0d5 rgb(154,192,213)
```
#a8c9db
```
#a8c9db rgb(168,201,219)
```
#b5d1e1
```
#b5d1e1 rgb(181,209,225)
```
#c3dae7
```
#c3dae7 rgb(195,218,231)
```
#d1e3ec
```
#d1e3ec rgb(209,227,236)
```
#dfebf2
```
#dfebf2 rgb(223,235,242)
```
#edf4f8
```
#edf4f8 rgb(237,244,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#82888b
```
#82888b rgb(130,136,139)
```
#798a94
```
#798a94 rgb(121,138,148)
```
#708d9d
```
#708d9d rgb(112,141,157)
```
#6790a6
```
#6790a6 rgb(103,144,166)
```
#5d92b0
```
#5d92b0 rgb(93,146,176)
```
#5495b9
```
#5495b9 rgb(84,149,185)
```
#4b98c2
```
#4b98c2 rgb(75,152,194)
```
#419acc
```
#419acc rgb(65,154,204)
```
#389dd5
```
#389dd5 rgb(56,157,213)
```
#2fa0de
```
#2fa0de rgb(47,160,222)
```
#26a2e7
```
#26a2e7 rgb(38,162,231)
```
#1ca5f1
```
#1ca5f1 rgb(28,165,241)
```
#13a8fa
```
#13a8fa rgb(19,168,250)
```

Tone Color Variation

Below, you can see how #5495b9 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
#7c8990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8992b7 Protanopia 1% of men
#8691c0 Deuteranopia 1% of men
#539ea9 Tritanopia 0.001% of the population

Trichromacy

#7693b7 Protanomaly 1% of men, 0.01% of women
#7492bd Deuteranomaly 6% of men, 0.4% of women
#539aaf Tritanomaly 0.01% of the population

#5495b9 hex color

#5495b9 Color Information

#5495b9 Color Conversion

Color Schemes with #5495b9

Alternatives to #5495b9

#5495b9 Preview

Shades and Tints of #5495b9

Tones of #5495b9

Color Blindness Simulator