#5488a0 hex color

In a RGB color space, hex #5488a0 is composed of 32.9% red, 53.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 15% magenta, 0% yellow and 37.3% black. It has a hue angle of 198.9 degrees, a saturation of 31.1% and a lightness of 47.8%. #5488a0 color hex could be obtained by blending #a8ffff with #001141. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 53
- B 63
RGB color chart
- C 48
- M 15
- Y 0
- K 37
CMYK color chart

● #5488a0 color description : Dark moderate blue.

The hexadecimal color #5488a0 has RGB values of R:84, G:136, B:160 and CMYK values of C:0.48, M:0.15, Y:0, K:0.37. Its decimal value is 5540000.

Hex triplet	5488a0	`#5488a0`
RGB Decimal	84, 136, 160	`rgb(84,136,160)`
RGB Percent	32.9, 53.3, 62.7	`rgb(32.9%,53.3%,62.7%)`
CMYK	48, 15, 0, 37
HSL	198.9°, 31.1, 47.8	`hsl(198.9,31.1%,47.8%)`
HSV (or HSB)	198.9°, 47.5, 62.7
Web Safe	669999	`#669999`

CIE-LAB	54.059, -10.634, -18.164
XYZ	18.804, 22.03, 36.517
xyY	0.243, 0.285, 22.03
CIE-LCH	54.059, 21.048, 239.653
CIE-LUV	54.059, -23.826, -25.434
Hunter-Lab	46.936, -10.627, -13.273
Binary	01010100, 10001000, 10100000

#5488a0
```
#5488a0 rgb(84,136,160)
```
#a06c54
```
#a06c54 rgb(160,108,84)
```

Complementary Color

#54a092
```
#54a092 rgb(84,160,146)
```
#5488a0
```
#5488a0 rgb(84,136,160)
```
#5462a0
```
#5462a0 rgb(84,98,160)
```

Analogous Color

#a09254
```
#a09254 rgb(160,146,84)
```
#5488a0
```
#5488a0 rgb(84,136,160)
```
#a05462
```
#a05462 rgb(160,84,98)
```

Split Complementary Color

#88a054
```
#88a054 rgb(136,160,84)
```
#5488a0
```
#5488a0 rgb(84,136,160)
```
#a05488
```
#a05488 rgb(160,84,136)
```

Triadic Color

#54a06c
```
#54a06c rgb(84,160,108)
```
#5488a0
```
#5488a0 rgb(84,136,160)
```
#a05488
```
#a05488 rgb(160,84,136)
```
#a06c54
```
#a06c54 rgb(160,108,84)
```

Tetradic Color

#3a5d6e
```
#3a5d6e rgb(58,93,110)
```
#426c7f
```
#426c7f rgb(66,108,127)
```
#4b7a8f
```
#4b7a8f rgb(75,122,143)
```
#5488a0
```
#5488a0 rgb(84,136,160)
```
#6195ac
```
#6195ac rgb(97,149,172)
```
#72a0b5
```
#72a0b5 rgb(114,160,181)
```
#83abbe
```
#83abbe rgb(131,171,190)
```

Monochromatic Color

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

#549ba0
```
#549ba0 rgb(84,155,160)
```
#5495a0
```
#5495a0 rgb(84,149,160)
```
#548ea0
```
#548ea0 rgb(84,142,160)
```
#5488a0
```
#5488a0 rgb(84,136,160)
```
#5482a0
```
#5482a0 rgb(84,130,160)
```
#547ba0
```
#547ba0 rgb(84,123,160)
```
#5475a0
```
#5475a0 rgb(84,117,160)
```

Similar Colors

Text with hexadecimal color #5488a0

This text has a font color of #5488a0.

<span style="color:#5488a0;">Text here</span>

#5488a0 background color

This paragraph has a background color of #5488a0.

<p style="background-color:#5488a0;">Content here</p>

#5488a0 border color

This element has a border color of #5488a0.

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

CSS codes

.text {color:#5488a0;}

.background {background-color:#5488a0;}

.border {border:1px solid #5488a0;}

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

#030506
```
#030506 rgb(3,5,6)
```
#0a1013
```
#0a1013 rgb(10,16,19)
```
#101b1f
```
#101b1f rgb(16,27,31)
```
#17262c
```
#17262c rgb(23,38,44)
```
#1e3139
```
#1e3139 rgb(30,49,57)
```
#253b46
```
#253b46 rgb(37,59,70)
```
#2b4653
```
#2b4653 rgb(43,70,83)
```
#325160
```
#325160 rgb(50,81,96)
```
#395c6d
```
#395c6d rgb(57,92,109)
```
#406779
```
#406779 rgb(64,103,121)
```
#467286
```
#467286 rgb(70,114,134)
```
#4d7d93
```
#4d7d93 rgb(77,125,147)
```
#5488a0
```
#5488a0 rgb(84,136,160)
```

Shade Color Variation

#5d92aa
```
#5d92aa rgb(93,146,170)
```
#6a9bb1
```
#6a9bb1 rgb(106,155,177)
```
#77a3b8
```
#77a3b8 rgb(119,163,184)
```
#84acbe
```
#84acbe rgb(132,172,190)
```
#91b5c5
```
#91b5c5 rgb(145,181,197)
```
#9ebdcc
```
#9ebdcc rgb(158,189,204)
```
#abc6d3
```
#abc6d3 rgb(171,198,211)
```
#b7cfd9
```
#b7cfd9 rgb(183,207,217)
```
#c4d7e0
```
#c4d7e0 rgb(196,215,224)
```
#d1e0e7
```
#d1e0e7 rgb(209,224,231)
```
#dee9ee
```
#dee9ee rgb(222,233,238)
```
#ebf1f4
```
#ebf1f4 rgb(235,241,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7a7a is the less saturated color, while #09a4eb is the most saturated one.

#7a7a7a
```
#7a7a7a rgb(122,122,122)
```
#707e84
```
#707e84 rgb(112,126,132)
```
#67818d
```
#67818d rgb(103,129,141)
```
#5d8597
```
#5d8597 rgb(93,133,151)
```
#5488a0
```
#5488a0 rgb(84,136,160)
```
#4b8ba9
```
#4b8ba9 rgb(75,139,169)
```
#418fb3
```
#418fb3 rgb(65,143,179)
```
#3892bc
```
#3892bc rgb(56,146,188)
```
#2e96c6
```
#2e96c6 rgb(46,150,198)
```
#2599cf
```
#2599cf rgb(37,153,207)
```
#1c9dd8
```
#1c9dd8 rgb(28,157,216)
```
#12a0e2
```
#12a0e2 rgb(18,160,226)
```
#09a4eb
```
#09a4eb rgb(9,164,235)
```

Tone Color Variation

Below, you can see how #5488a0 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

#7b7b7b Achromatopsia 0.005% of the population
#737e82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8186a0 Protanopia 1% of men
#8285a8 Deuteranopia 1% of men
#58909a Tritanopia 0.001% of the population

Trichromacy

#7187a0 Protanomaly 1% of men, 0.01% of women
#7186a5 Deuteranomaly 6% of men, 0.4% of women
#578d9c Tritanomaly 0.01% of the population

#5488a0 hex color

#5488a0 Color Information

#5488a0 Color Conversion

Color Schemes with #5488a0

Alternatives to #5488a0

#5488a0 Preview

Shades and Tints of #5488a0

Tones of #5488a0

Color Blindness Simulator