#5496bc hex color

In a RGB color space, hex #5496bc is composed of 32.9% red, 58.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 20.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 201.9 degrees, a saturation of 43.7% and a lightness of 53.3%. #5496bc color hex could be obtained by blending #a8ffff with #002d79. Closest websafe color is: #6699cc.

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

● #5496bc color description : Moderate blue.

The hexadecimal color #5496bc has RGB values of R:84, G:150, B:188 and CMYK values of C:0.55, M:0.2, Y:0, K:0.26. Its decimal value is 5543612.

Hex triplet	5496bc	`#5496bc`
RGB Decimal	84, 150, 188	`rgb(84,150,188)`
RGB Percent	32.9, 58.8, 73.7	`rgb(32.9%,58.8%,73.7%)`
CMYK	55, 20, 0, 26
HSL	201.9°, 43.7, 53.3	`hsl(201.9,43.7%,53.3%)`
HSV (or HSB)	201.9°, 55.3, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.276, -10.034, -26.146
XYZ	23.637, 27.327, 51.603
xyY	0.23, 0.266, 27.327
CIE-LCH	59.276, 28.006, 249.005
CIE-LUV	59.276, -28.617, -38.773
Hunter-Lab	52.275, -10.769, -21.935
Binary	01010100, 10010110, 10111100

#5496bc
```
#5496bc rgb(84,150,188)
```
#bc7a54
```
#bc7a54 rgb(188,122,84)
```

Complementary Color

#54bcae
```
#54bcae rgb(84,188,174)
```
#5496bc
```
#5496bc rgb(84,150,188)
```
#5462bc
```
#5462bc rgb(84,98,188)
```

Analogous Color

#bcae54
```
#bcae54 rgb(188,174,84)
```
#5496bc
```
#5496bc rgb(84,150,188)
```
#bc5462
```
#bc5462 rgb(188,84,98)
```

Split Complementary Color

#96bc54
```
#96bc54 rgb(150,188,84)
```
#5496bc
```
#5496bc rgb(84,150,188)
```
#bc5496
```
#bc5496 rgb(188,84,150)
```

Triadic Color

#54bc7a
```
#54bc7a rgb(84,188,122)
```
#5496bc
```
#5496bc rgb(84,150,188)
```
#bc5496
```
#bc5496 rgb(188,84,150)
```
#bc7a54
```
#bc7a54 rgb(188,122,84)
```

Tetradic Color

#376d8c
```
#376d8c rgb(55,109,140)
```
#3e7c9f
```
#3e7c9f rgb(62,124,159)
```
#458ab1
```
#458ab1 rgb(69,138,177)
```
#5496bc
```
#5496bc rgb(84,150,188)
```
#66a1c3
```
#66a1c3 rgb(102,161,195)
```
#79adca
```
#79adca rgb(121,173,202)
```
#8bb8d2
```
#8bb8d2 rgb(139,184,210)
```

Monochromatic Color

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

#54b0bc
```
#54b0bc rgb(84,176,188)
```
#54a7bc
```
#54a7bc rgb(84,167,188)
```
#549fbc
```
#549fbc rgb(84,159,188)
```
#5496bc
```
#5496bc rgb(84,150,188)
```
#548dbc
```
#548dbc rgb(84,141,188)
```
#5485bc
```
#5485bc rgb(84,133,188)
```
#547cbc
```
#547cbc rgb(84,124,188)
```

Similar Colors

Text with hexadecimal color #5496bc

This text has a font color of #5496bc.

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

#5496bc background color

This paragraph has a background color of #5496bc.

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

#5496bc border color

This element has a border color of #5496bc.

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

CSS codes

.text {color:#5496bc;}

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

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

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, #05090c is the darkest color, while #fdfefe is the lightest one.

#05090c
```
#05090c rgb(5,9,12)
```
#0a141a
```
#0a141a rgb(10,20,26)
```
#101f28
```
#101f28 rgb(16,31,40)
```
#152a36
```
#152a36 rgb(21,42,54)
```
#1b3545
```
#1b3545 rgb(27,53,69)
```
#204053
```
#204053 rgb(32,64,83)
```
#264b61
```
#264b61 rgb(38,75,97)
```
#2b566f
```
#2b566f rgb(43,86,111)
```
#31617d
```
#31617d rgb(49,97,125)
```
#366c8b
```
#366c8b rgb(54,108,139)
```
#3c7799
```
#3c7799 rgb(60,119,153)
```
#4282a7
```
#4282a7 rgb(66,130,167)
```
#478db5
```
#478db5 rgb(71,141,181)
```

Shade Color Variation

#5496bc
```
#5496bc rgb(84,150,188)
```
#629fc2
```
#629fc2 rgb(98,159,194)
```
#70a7c7
```
#70a7c7 rgb(112,167,199)
```
#7eb0cd
```
#7eb0cd rgb(126,176,205)
```
#8cb9d2
```
#8cb9d2 rgb(140,185,210)
```
#9ac1d8
```
#9ac1d8 rgb(154,193,216)
```
#a9cadd
```
#a9cadd rgb(169,202,221)
```
#b7d3e3
```
#b7d3e3 rgb(183,211,227)
```
#c5dbe8
```
#c5dbe8 rgb(197,219,232)
```
#d3e4ee
```
#d3e4ee rgb(211,228,238)
```
#e1edf3
```
#e1edf3 rgb(225,237,243)
```
#eff5f9
```
#eff5f9 rgb(239,245,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828a8e is the less saturated color, while #14a7fc is the most saturated one.

#828a8e
```
#828a8e rgb(130,138,142)
```
#798c97
```
#798c97 rgb(121,140,151)
```
#6f8fa1
```
#6f8fa1 rgb(111,143,161)
```
#6691aa
```
#6691aa rgb(102,145,170)
```
#5d94b3
```
#5d94b3 rgb(93,148,179)
```
#5496bc
```
#5496bc rgb(84,150,188)
```
#4b98c5
```
#4b98c5 rgb(75,152,197)
```
#429bce
```
#429bce rgb(66,155,206)
```
#399dd7
```
#399dd7 rgb(57,157,215)
```
#2fa0e1
```
#2fa0e1 rgb(47,160,225)
```
#26a2ea
```
#26a2ea rgb(38,162,234)
```
#1da5f3
```
#1da5f3 rgb(29,165,243)
```
#14a7fc
```
#14a7fc rgb(20,167,252)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#7d8a92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8993b9 Protanopia 1% of men
#8692c2 Deuteranopia 1% of men
#529faa Tritanopia 0.001% of the population

Trichromacy

#7694ba Protanomaly 1% of men, 0.01% of women
#7493c0 Deuteranomaly 6% of men, 0.4% of women
#539bb1 Tritanomaly 0.01% of the population

#5496bc hex color

#5496bc Color Information

#5496bc Color Conversion

Color Schemes with #5496bc

Alternatives to #5496bc

#5496bc Preview

Shades and Tints of #5496bc

Tones of #5496bc

Color Blindness Simulator