#5497cd hex color

In a RGB color space, hex #5497cd is composed of 32.9% red, 59.2% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 59% cyan, 26.3% magenta, 0% yellow and 19.6% black. It has a hue angle of 206.8 degrees, a saturation of 54.8% and a lightness of 56.7%. #5497cd color hex could be obtained by blending #a8ffff with #002f9b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 59
- B 80
RGB color chart
- C 59
- M 26
- Y 0
- K 20
CMYK color chart

● #5497cd color description : Moderate blue.

The hexadecimal color #5497cd has RGB values of R:84, G:151, B:205 and CMYK values of C:0.59, M:0.26, Y:0, K:0.2. Its decimal value is 5543885.

Hex triplet	5497cd	`#5497cd`
RGB Decimal	84, 151, 205	`rgb(84,151,205)`
RGB Percent	32.9, 59.2, 80.4	`rgb(32.9%,59.2%,80.4%)`
CMYK	59, 26, 0, 20
HSL	206.8°, 54.8, 56.7	`hsl(206.8,54.8%,56.7%)`
HSV (or HSB)	206.8°, 59, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.27, -5.262, -34.167
XYZ	25.74, 28.424, 61.884
xyY	0.222, 0.245, 28.424
CIE-LCH	60.27, 34.57, 261.244
CIE-LUV	60.27, -28.521, -52.663
Hunter-Lab	53.314, -7.122, -31.501
Binary	01010100, 10010111, 11001101

#5497cd
```
#5497cd rgb(84,151,205)
```
#cd8a54
```
#cd8a54 rgb(205,138,84)
```

Complementary Color

#54cdc7
```
#54cdc7 rgb(84,205,199)
```
#5497cd
```
#5497cd rgb(84,151,205)
```
#545bcd
```
#545bcd rgb(84,91,205)
```

Analogous Color

#cdc754
```
#cdc754 rgb(205,199,84)
```
#5497cd
```
#5497cd rgb(84,151,205)
```
#cd545b
```
#cd545b rgb(205,84,91)
```

Split Complementary Color

#97cd54
```
#97cd54 rgb(151,205,84)
```
#5497cd
```
#5497cd rgb(84,151,205)
```
#cd5497
```
#cd5497 rgb(205,84,151)
```

Triadic Color

#54cd8a
```
#54cd8a rgb(84,205,138)
```
#5497cd
```
#5497cd rgb(84,151,205)
```
#cd5497
```
#cd5497 rgb(205,84,151)
```
#cd8a54
```
#cd8a54 rgb(205,138,84)
```

Tetradic Color

#3071a4
```
#3071a4 rgb(48,113,164)
```
#367eb8
```
#367eb8 rgb(54,126,184)
```
#408bc7
```
#408bc7 rgb(64,139,199)
```
#5497cd
```
#5497cd rgb(84,151,205)
```
#68a3d3
```
#68a3d3 rgb(104,163,211)
```
#7bafd9
```
#7bafd9 rgb(123,175,217)
```
#8fbbde
```
#8fbbde rgb(143,187,222)
```

Monochromatic Color

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

#54b5cd
```
#54b5cd rgb(84,181,205)
```
#54abcd
```
#54abcd rgb(84,171,205)
```
#54a1cd
```
#54a1cd rgb(84,161,205)
```
#5497cd
```
#5497cd rgb(84,151,205)
```
#548dcd
```
#548dcd rgb(84,141,205)
```
#5483cd
```
#5483cd rgb(84,131,205)
```
#5479cd
```
#5479cd rgb(84,121,205)
```

Similar Colors

Text with hexadecimal color #5497cd

This text has a font color of #5497cd.

<span style="color:#5497cd;">Text here</span>

#5497cd background color

This paragraph has a background color of #5497cd.

<p style="background-color:#5497cd;">Content here</p>

#5497cd border color

This element has a border color of #5497cd.

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

CSS codes

.text {color:#5497cd;}

.background {background-color:#5497cd;}

.border {border:1px solid #5497cd;}

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

#03080b
```
#03080b rgb(3,8,11)
```
#08121a
```
#08121a rgb(8,18,26)
```
#0c1c29
```
#0c1c29 rgb(12,28,41)
```
#112739
```
#112739 rgb(17,39,57)
```
#153148
```
#153148 rgb(21,49,72)
```
#193c57
```
#193c57 rgb(25,60,87)
```
#1e4666
```
#1e4666 rgb(30,70,102)
```
#225075
```
#225075 rgb(34,80,117)
```
#275b85
```
#275b85 rgb(39,91,133)
```
#2b6594
```
#2b6594 rgb(43,101,148)
```
#306fa3
```
#306fa3 rgb(48,111,163)
```
#347ab2
```
#347ab2 rgb(52,122,178)
```
#3984c1
```
#3984c1 rgb(57,132,193)
```

Shade Color Variation

#458ec9
```
#458ec9 rgb(69,142,201)
```
#5497cd
```
#5497cd rgb(84,151,205)
```
#63a0d1
```
#63a0d1 rgb(99,160,209)
```
#72a9d6
```
#72a9d6 rgb(114,169,214)
```
#82b3da
```
#82b3da rgb(130,179,218)
```
#91bcdf
```
#91bcdf rgb(145,188,223)
```
#a0c5e3
```
#a0c5e3 rgb(160,197,227)
```
#afcee8
```
#afcee8 rgb(175,206,232)
```
#bed8ec
```
#bed8ec rgb(190,216,236)
```
#cde1f1
```
#cde1f1 rgb(205,225,241)
```
#ddeaf5
```
#ddeaf5 rgb(221,234,245)
```
#ecf3f9
```
#ecf3f9 rgb(236,243,249)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909192 is the less saturated color, while #2a9cf8 is the most saturated one.

#909192
```
#909192 rgb(144,145,146)
```
#87929a
```
#87929a rgb(135,146,154)
```
#7f92a3
```
#7f92a3 rgb(127,146,163)
```
#7693ab
```
#7693ab rgb(118,147,171)
```
#6e94b4
```
#6e94b4 rgb(110,148,180)
```
#6595bc
```
#6595bc rgb(101,149,188)
```
#5d96c5
```
#5d96c5 rgb(93,150,197)
```
#5497cd
```
#5497cd rgb(84,151,205)
```
#4c98d6
```
#4c98d6 rgb(76,152,214)
```
#4399de
```
#4399de rgb(67,153,222)
```
#3b9ae7
```
#3b9ae7 rgb(59,154,231)
```
#329bef
```
#329bef rgb(50,155,239)
```
#2a9cf8
```
#2a9cf8 rgb(42,156,248)
```

Tone Color Variation

Below, you can see how #5497cd 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

#898989 Achromatopsia 0.005% of the population
#7e8c97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8595ca Protanopia 1% of men
#7e95d2 Deuteranopia 1% of men
#4aa2ae Tritanopia 0.001% of the population

Trichromacy

#7395cb Protanomaly 1% of men, 0.01% of women
#6e96d0 Deuteranomaly 6% of men, 0.4% of women
#4e9eb9 Tritanomaly 0.01% of the population

#5497cd hex color

#5497cd Color Information

#5497cd Color Conversion

Color Schemes with #5497cd

Alternatives to #5497cd

#5497cd Preview

Shades and Tints of #5497cd

Tones of #5497cd

Color Blindness Simulator