#5496cc hex color

In a RGB color space, hex #5496cc is composed of 32.9% red, 58.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 26.5% magenta, 0% yellow and 20% black. It has a hue angle of 207 degrees, a saturation of 54.1% and a lightness of 56.5%. #5496cc color hex could be obtained by blending #a8ffff with #002d99. 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

● #5496cc color description : Moderate blue.

The hexadecimal color #5496cc has RGB values of R:84, G:150, B:204 and CMYK values of C:0.59, M:0.26, Y:0, K:0.2. Its decimal value is 5543628.

Hex triplet	5496cc	`#5496cc`
RGB Decimal	84, 150, 204	`rgb(84,150,204)`
RGB Percent	32.9, 58.8, 80	`rgb(32.9%,58.8%,80%)`
CMYK	59, 26, 0, 20
HSL	207°, 54.1, 56.5	`hsl(207,54.1%,56.5%)`
HSV (or HSB)	207°, 58.8, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.939, -5.015, -34.123
XYZ	25.459, 28.055, 61.197
xyY	0.222, 0.245, 28.055
CIE-LCH	59.939, 34.489, 261.64
CIE-LUV	59.939, -28.18, -52.572
Hunter-Lab	52.967, -6.896, -31.425
Binary	01010100, 10010110, 11001100

#5496cc
```
#5496cc rgb(84,150,204)
```
#cc8a54
```
#cc8a54 rgb(204,138,84)
```

Complementary Color

#54ccc6
```
#54ccc6 rgb(84,204,198)
```
#5496cc
```
#5496cc rgb(84,150,204)
```
#545acc
```
#545acc rgb(84,90,204)
```

Analogous Color

#ccc654
```
#ccc654 rgb(204,198,84)
```
#5496cc
```
#5496cc rgb(84,150,204)
```
#cc545a
```
#cc545a rgb(204,84,90)
```

Split Complementary Color

#96cc54
```
#96cc54 rgb(150,204,84)
```
#5496cc
```
#5496cc rgb(84,150,204)
```
#cc5496
```
#cc5496 rgb(204,84,150)
```

Triadic Color

#54cc8a
```
#54cc8a rgb(84,204,138)
```
#5496cc
```
#5496cc rgb(84,150,204)
```
#cc5496
```
#cc5496 rgb(204,84,150)
```
#cc8a54
```
#cc8a54 rgb(204,138,84)
```

Tetradic Color

#316fa3
```
#316fa3 rgb(49,111,163)
```
#367db7
```
#367db7 rgb(54,125,183)
```
#408ac6
```
#408ac6 rgb(64,138,198)
```
#5496cc
```
#5496cc rgb(84,150,204)
```
#68a2d2
```
#68a2d2 rgb(104,162,210)
```
#7baed8
```
#7baed8 rgb(123,174,216)
```
#8fbade
```
#8fbade rgb(143,186,222)
```

Monochromatic Color

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

#54b4cc
```
#54b4cc rgb(84,180,204)
```
#54aacc
```
#54aacc rgb(84,170,204)
```
#54a0cc
```
#54a0cc rgb(84,160,204)
```
#5496cc
```
#5496cc rgb(84,150,204)
```
#548ccc
```
#548ccc rgb(84,140,204)
```
#5482cc
```
#5482cc rgb(84,130,204)
```
#5478cc
```
#5478cc rgb(84,120,204)
```

Similar Colors

Text with hexadecimal color #5496cc

This text has a font color of #5496cc.

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

#5496cc background color

This paragraph has a background color of #5496cc.

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

#5496cc border color

This element has a border color of #5496cc.

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

CSS codes

.text {color:#5496cc;}

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

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#081119
```
#081119 rgb(8,17,25)
```
#0c1c29
```
#0c1c29 rgb(12,28,41)
```
#112638
```
#112638 rgb(17,38,56)
```
#153047
```
#153047 rgb(21,48,71)
```
#1a3b56
```
#1a3b56 rgb(26,59,86)
```
#1e4565
```
#1e4565 rgb(30,69,101)
```
#234f74
```
#234f74 rgb(35,79,116)
```
#275a83
```
#275a83 rgb(39,90,131)
```
#2c6492
```
#2c6492 rgb(44,100,146)
```
#306ea1
```
#306ea1 rgb(48,110,161)
```
#3579b1
```
#3579b1 rgb(53,121,177)
```
#3983c0
```
#3983c0 rgb(57,131,192)
```

Shade Color Variation

#458dc7
```
#458dc7 rgb(69,141,199)
```
#5496cc
```
#5496cc rgb(84,150,204)
```
#639fd1
```
#639fd1 rgb(99,159,209)
```
#72a9d5
```
#72a9d5 rgb(114,169,213)
```
#81b2da
```
#81b2da rgb(129,178,218)
```
#90bbde
```
#90bbde rgb(144,187,222)
```
#a0c4e3
```
#a0c4e3 rgb(160,196,227)
```
#afcee7
```
#afcee7 rgb(175,206,231)
```
#bed7ec
```
#bed7ec rgb(190,215,236)
```
#cde0f0
```
#cde0f0 rgb(205,224,240)
```
#dce9f5
```
#dce9f5 rgb(220,233,245)
```
#ebf3f9
```
#ebf3f9 rgb(235,243,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#909090
```
#909090 rgb(144,144,144)
```
#879199
```
#879199 rgb(135,145,153)
```
#7f92a1
```
#7f92a1 rgb(127,146,161)
```
#7693aa
```
#7693aa rgb(118,147,170)
```
#6e93b2
```
#6e93b2 rgb(110,147,178)
```
#6594bb
```
#6594bb rgb(101,148,187)
```
#5d95c3
```
#5d95c3 rgb(93,149,195)
```
#5496cc
```
#5496cc rgb(84,150,204)
```
#4b97d5
```
#4b97d5 rgb(75,151,213)
```
#4398dd
```
#4398dd rgb(67,152,221)
```
#3a99e6
```
#3a99e6 rgb(58,153,230)
```
#3299ee
```
#3299ee rgb(50,153,238)
```
#299af7
```
#299af7 rgb(41,154,247)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#7e8b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8594c9 Protanopia 1% of men
#7d95d1 Deuteranopia 1% of men
#4aa1ad Tritanopia 0.001% of the population

Trichromacy

#7394ca Protanomaly 1% of men, 0.01% of women
#6e95cf Deuteranomaly 6% of men, 0.4% of women
#4e9db8 Tritanomaly 0.01% of the population

#5496cc hex color

#5496cc Color Information

#5496cc Color Conversion

Color Schemes with #5496cc

Alternatives to #5496cc

#5496cc Preview

Shades and Tints of #5496cc

Tones of #5496cc

Color Blindness Simulator