#5496dd hex color

In a RGB color space, hex #5496dd is composed of 32.9% red, 58.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 32.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.1 degrees, a saturation of 66.8% and a lightness of 59.8%. #5496dd color hex could be obtained by blending #a8ffff with #002dbb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 59
- B 87
RGB color chart
- C 62
- M 32
- Y 0
- K 13
CMYK color chart

● #5496dd color description : Soft blue.

The hexadecimal color #5496dd has RGB values of R:84, G:150, B:221 and CMYK values of C:0.62, M:0.32, Y:0, K:0.13. Its decimal value is 5543645.

Hex triplet	5496dd	`#5496dd`
RGB Decimal	84, 150, 221	`rgb(84,150,221)`
RGB Percent	32.9, 58.8, 86.7	`rgb(32.9%,58.8%,86.7%)`
CMYK	62, 32, 0, 13
HSL	211.1°, 66.8, 59.8	`hsl(211.1,66.8%,59.8%)`
HSV (or HSB)	211.1°, 62, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.708, 0.507, -42.414
XYZ	27.611, 28.916, 72.529
xyY	0.214, 0.224, 28.916
CIE-LCH	60.708, 42.417, 270.685
CIE-LUV	60.708, -27.757, -67.102
Hunter-Lab	53.774, -2.452, -42.328
Binary	01010100, 10010110, 11011101

#5496dd
```
#5496dd rgb(84,150,221)
```
#dd9b54
```
#dd9b54 rgb(221,155,84)
```

Complementary Color

#54dbdd
```
#54dbdd rgb(84,219,221)
```
#5496dd
```
#5496dd rgb(84,150,221)
```
#5754dd
```
#5754dd rgb(87,84,221)
```

Analogous Color

#dbdd54
```
#dbdd54 rgb(219,221,84)
```
#5496dd
```
#5496dd rgb(84,150,221)
```
#dd5654
```
#dd5654 rgb(221,86,84)
```

Split Complementary Color

#96dd54
```
#96dd54 rgb(150,221,84)
```
#5496dd
```
#5496dd rgb(84,150,221)
```
#dd5496
```
#dd5496 rgb(221,84,150)
```

Triadic Color

#54dd9b
```
#54dd9b rgb(84,221,155)
```
#5496dd
```
#5496dd rgb(84,150,221)
```
#dd5496
```
#dd5496 rgb(221,84,150)
```
#dd9b54
```
#dd9b54 rgb(221,155,84)
```

Tetradic Color

#266fbf
```
#266fbf rgb(38,111,191)
```
#2a7cd4
```
#2a7cd4 rgb(42,124,212)
```
#3f89d9
```
#3f89d9 rgb(63,137,217)
```
#5496dd
```
#5496dd rgb(84,150,221)
```
#69a3e1
```
#69a3e1 rgb(105,163,225)
```
#7fb0e5
```
#7fb0e5 rgb(127,176,229)
```
#94bdea
```
#94bdea rgb(148,189,234)
```

Monochromatic Color

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

#54b8dd
```
#54b8dd rgb(84,184,221)
```
#54addd
```
#54addd rgb(84,173,221)
```
#54a1dd
```
#54a1dd rgb(84,161,221)
```
#5496dd
```
#5496dd rgb(84,150,221)
```
#548bdd
```
#548bdd rgb(84,139,221)
```
#547fdd
```
#547fdd rgb(84,127,221)
```
#5474dd
```
#5474dd rgb(84,116,221)
```

Similar Colors

Text with hexadecimal color #5496dd

This text has a font color of #5496dd.

<span style="color:#5496dd;">Text here</span>

#5496dd background color

This paragraph has a background color of #5496dd.

<p style="background-color:#5496dd;">Content here</p>

#5496dd border color

This element has a border color of #5496dd.

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

CSS codes

.text {color:#5496dd;}

.background {background-color:#5496dd;}

.border {border:1px solid #5496dd;}

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

#020509
```
#020509 rgb(2,5,9)
```
#050f19
```
#050f19 rgb(5,15,25)
```
#08182a
```
#08182a rgb(8,24,42)
```
#0c223a
```
#0c223a rgb(12,34,58)
```
#0f2c4a
```
#0f2c4a rgb(15,44,74)
```
#12355b
```
#12355b rgb(18,53,91)
```
#153f6b
```
#153f6b rgb(21,63,107)
```
#19487c
```
#19487c rgb(25,72,124)
```
#1c528c
```
#1c528c rgb(28,82,140)
```
#1f5b9c
```
#1f5b9c rgb(31,91,156)
```
#2265ad
```
#2265ad rgb(34,101,173)
```
#266fbd
```
#266fbd rgb(38,111,189)
```
#2978cd
```
#2978cd rgb(41,120,205)
```

Shade Color Variation

#3382d6
```
#3382d6 rgb(51,130,214)
```
#448cda
```
#448cda rgb(68,140,218)
```
#5496dd
```
#5496dd rgb(84,150,221)
```
#64a0e0
```
#64a0e0 rgb(100,160,224)
```
#75aae4
```
#75aae4 rgb(117,170,228)
```
#85b4e7
```
#85b4e7 rgb(133,180,231)
```
#95beea
```
#95beea rgb(149,190,234)
```
#a6c8ed
```
#a6c8ed rgb(166,200,237)
```
#b6d2f1
```
#b6d2f1 rgb(182,210,241)
```
#c7dcf4
```
#c7dcf4 rgb(199,220,244)
```
#d7e6f7
```
#d7e6f7 rgb(215,230,247)
```
#e7f0fa
```
#e7f0fa rgb(231,240,250)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93989e is the less saturated color, while #3495fd is the most saturated one.

#93989e
```
#93989e rgb(147,152,158)
```
#8b98a6
```
#8b98a6 rgb(139,152,166)
```
#8398ae
```
#8398ae rgb(131,152,174)
```
#7b97b6
```
#7b97b6 rgb(123,151,182)
```
#7497bd
```
#7497bd rgb(116,151,189)
```
#6c97c5
```
#6c97c5 rgb(108,151,197)
```
#6497cd
```
#6497cd rgb(100,151,205)
```
#5c96d5
```
#5c96d5 rgb(92,150,213)
```
#5496dd
```
#5496dd rgb(84,150,221)
```
#4c96e5
```
#4c96e5 rgb(76,150,229)
```
#4495ed
```
#4495ed rgb(68,149,237)
```
#3c95f5
```
#3c95f5 rgb(60,149,245)
```
#3495fd
```
#3495fd rgb(52,149,253)
```

Tone Color Variation

Below, you can see how #5496dd 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

#8a8a8a Achromatopsia 0.005% of the population
#7f8c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e95da Protanopia 1% of men
#7097e0 Deuteranopia 1% of men
#3ea5b1 Tritanopia 0.001% of the population

Trichromacy

#6f95db Protanomaly 1% of men, 0.01% of women
#6697df Deuteranomaly 6% of men, 0.4% of women
#469fc1 Tritanomaly 0.01% of the population

#5496dd hex color

#5496dd Color Information

#5496dd Color Conversion

Color Schemes with #5496dd

Alternatives to #5496dd

#5496dd Preview

Shades and Tints of #5496dd

Tones of #5496dd

Color Blindness Simulator