#5496ae hex color

In a RGB color space, hex #5496ae is composed of 32.9% red, 58.8% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 13.8% magenta, 0% yellow and 31.8% black. It has a hue angle of 196 degrees, a saturation of 35.7% and a lightness of 50.6%. #5496ae color hex could be obtained by blending #a8ffff with #002d5d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 59
- B 68
RGB color chart
- C 52
- M 14
- Y 0
- K 32
CMYK color chart

● #5496ae color description : Dark moderate blue.

The hexadecimal color #5496ae has RGB values of R:84, G:150, B:174 and CMYK values of C:0.52, M:0.14, Y:0, K:0.32. Its decimal value is 5543598.

Hex triplet	5496ae	`#5496ae`
RGB Decimal	84, 150, 174	`rgb(84,150,174)`
RGB Percent	32.9, 58.8, 68.2	`rgb(32.9%,58.8%,68.2%)`
CMYK	52, 14, 0, 32
HSL	196°, 35.7, 50.6	`hsl(196,35.7%,50.6%)`
HSV (or HSB)	196°, 51.7, 68.2
Web Safe	669999	`#669999`

CIE-LAB	58.744, -14.248, -19.034
XYZ	22.201, 26.752, 44.036
xyY	0.239, 0.288, 26.752
CIE-LCH	58.744, 23.776, 233.183
CIE-LUV	58.744, -29.024, -26.712
Hunter-Lab	51.722, -13.898, -14.273
Binary	01010100, 10010110, 10101110

#5496ae
```
#5496ae rgb(84,150,174)
```
#ae6c54
```
#ae6c54 rgb(174,108,84)
```

Complementary Color

#54ae99
```
#54ae99 rgb(84,174,153)
```
#5496ae
```
#5496ae rgb(84,150,174)
```
#5469ae
```
#5469ae rgb(84,105,174)
```

Analogous Color

#ae9954
```
#ae9954 rgb(174,153,84)
```
#5496ae
```
#5496ae rgb(84,150,174)
```
#ae5469
```
#ae5469 rgb(174,84,105)
```

Split Complementary Color

#96ae54
```
#96ae54 rgb(150,174,84)
```
#5496ae
```
#5496ae rgb(84,150,174)
```
#ae5496
```
#ae5496 rgb(174,84,150)
```

Triadic Color

#54ae6c
```
#54ae6c rgb(84,174,108)
```
#5496ae
```
#5496ae rgb(84,150,174)
```
#ae5496
```
#ae5496 rgb(174,84,150)
```
#ae6c54
```
#ae6c54 rgb(174,108,84)
```

Tetradic Color

#3a6a7b
```
#3a6a7b rgb(58,106,123)
```
#43798c
```
#43798c rgb(67,121,140)
```
#4b889e
```
#4b889e rgb(75,136,158)
```
#5496ae
```
#5496ae rgb(84,150,174)
```
#65a1b6
```
#65a1b6 rgb(101,161,182)
```
#77abbe
```
#77abbe rgb(119,171,190)
```
#88b6c7
```
#88b6c7 rgb(136,182,199)
```

Monochromatic Color

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

#54adae
```
#54adae rgb(84,173,174)
```
#54a5ae
```
#54a5ae rgb(84,165,174)
```
#549eae
```
#549eae rgb(84,158,174)
```
#5496ae
```
#5496ae rgb(84,150,174)
```
#548fae
```
#548fae rgb(84,143,174)
```
#5487ae
```
#5487ae rgb(84,135,174)
```
#5480ae
```
#5480ae rgb(84,128,174)
```

Similar Colors

Text with hexadecimal color #5496ae

This text has a font color of #5496ae.

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

#5496ae background color

This paragraph has a background color of #5496ae.

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

#5496ae border color

This element has a border color of #5496ae.

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

CSS codes

.text {color:#5496ae;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070d0f
```
#070d0f rgb(7,13,15)
```
#0e191d
```
#0e191d rgb(14,25,29)
```
#14242a
```
#14242a rgb(20,36,42)
```
#1a3037
```
#1a3037 rgb(26,48,55)
```
#203b45
```
#203b45 rgb(32,59,69)
```
#274652
```
#274652 rgb(39,70,82)
```
#2d525f
```
#2d525f rgb(45,82,95)
```
#335d6d
```
#335d6d rgb(51,93,109)
```
#3a697a
```
#3a697a rgb(58,105,122)
```
#407487
```
#407487 rgb(64,116,135)
```
#468094
```
#468094 rgb(70,128,148)
```
#4d8ba2
```
#4d8ba2 rgb(77,139,162)
```

Shade Color Variation

#5496ae
```
#5496ae rgb(84,150,174)
```
#619eb4
```
#619eb4 rgb(97,158,180)
```
#6fa6bb
```
#6fa6bb rgb(111,166,187)
```
#7cafc1
```
#7cafc1 rgb(124,175,193)
```
#89b7c7
```
#89b7c7 rgb(137,183,199)
```
#97bfce
```
#97bfce rgb(151,191,206)
```
#a4c7d4
```
#a4c7d4 rgb(164,199,212)
```
#b1cfda
```
#b1cfda rgb(177,207,218)
```
#bed7e0
```
#bed7e0 rgb(190,215,224)
```
#cce0e7
```
#cce0e7 rgb(204,224,231)
```
#d9e8ed
```
#d9e8ed rgb(217,232,237)
```
#e6f0f3
```
#e6f0f3 rgb(230,240,243)
```
#f4f8fa
```
#f4f8fa rgb(244,248,250)
```

Tint Color Variation

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

#7b8487
```
#7b8487 rgb(123,132,135)
```
#718891
```
#718891 rgb(113,136,145)
```
#678d9b
```
#678d9b rgb(103,141,155)
```
#5e91a4
```
#5e91a4 rgb(94,145,164)
```
#5496ae
```
#5496ae rgb(84,150,174)
```
#4a9bb8
```
#4a9bb8 rgb(74,155,184)
```
#419fc1
```
#419fc1 rgb(65,159,193)
```
#37a4cb
```
#37a4cb rgb(55,164,203)
```
#2da8d5
```
#2da8d5 rgb(45,168,213)
```
#24adde
```
#24adde rgb(36,173,222)
```
#1ab1e8
```
#1ab1e8 rgb(26,177,232)
```
#10b6f2
```
#10b6f2 rgb(16,182,242)
```
#06bafc
```
#06bafc rgb(6,186,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7b888d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d92ac Protanopia 1% of men
#8d90b6 Deuteranopia 1% of men
#589da8 Tritanopia 0.001% of the population

Trichromacy

#7893ac Protanomaly 1% of men, 0.01% of women
#7892b3 Deuteranomaly 6% of men, 0.4% of women
#579aaa Tritanomaly 0.01% of the population

#5496ae hex color

#5496ae Color Information

#5496ae Color Conversion

Color Schemes with #5496ae

Alternatives to #5496ae

#5496ae Preview

Shades and Tints of #5496ae

Tones of #5496ae

Color Blindness Simulator