#5396ab hex color

In a RGB color space, hex #5396ab is composed of 32.5% red, 58.8% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 51.5% cyan, 12.3% magenta, 0% yellow and 32.9% black. It has a hue angle of 194.3 degrees, a saturation of 34.6% and a lightness of 49.8%. #5396ab color hex could be obtained by blending #a6ffff with #002d57. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 59
- B 67
RGB color chart
- C 51
- M 12
- Y 0
- K 33
CMYK color chart

● #5396ab color description : Dark moderate cyan.

The hexadecimal color #5396ab has RGB values of R:83, G:150, B:171 and CMYK values of C:0.51, M:0.12, Y:0, K:0.33. Its decimal value is 5478059.

Hex triplet	5396ab	`#5396ab`
RGB Decimal	83, 150, 171	`rgb(83,150,171)`
RGB Percent	32.5, 58.8, 67.1	`rgb(32.5%,58.8%,67.1%)`
CMYK	51, 12, 0, 33
HSL	194.3°, 34.6, 49.8	`hsl(194.3,34.6%,49.8%)`
HSV (or HSB)	194.3°, 51.5, 67.1
Web Safe	669999	`#669999`

CIE-LAB	58.593, -15.357, -17.564
XYZ	21.822, 26.591, 42.508
xyY	0.24, 0.292, 26.591
CIE-LCH	58.593, 23.331, 228.836
CIE-LUV	58.593, -29.411, -24.218
Hunter-Lab	51.566, -14.701, -12.779
Binary	01010011, 10010110, 10101011

#5396ab
```
#5396ab rgb(83,150,171)
```
#ab6853
```
#ab6853 rgb(171,104,83)
```

Complementary Color

#53ab94
```
#53ab94 rgb(83,171,148)
```
#5396ab
```
#5396ab rgb(83,150,171)
```
#536aab
```
#536aab rgb(83,106,171)
```

Analogous Color

#ab9453
```
#ab9453 rgb(171,148,83)
```
#5396ab
```
#5396ab rgb(83,150,171)
```
#ab536a
```
#ab536a rgb(171,83,106)
```

Split Complementary Color

#96ab53
```
#96ab53 rgb(150,171,83)
```
#5396ab
```
#5396ab rgb(83,150,171)
```
#ab5396
```
#ab5396 rgb(171,83,150)
```

Triadic Color

#53ab68
```
#53ab68 rgb(83,171,104)
```
#5396ab
```
#5396ab rgb(83,150,171)
```
#ab5396
```
#ab5396 rgb(171,83,150)
```
#ab6853
```
#ab6853 rgb(171,104,83)
```

Tetradic Color

#3a6977
```
#3a6977 rgb(58,105,119)
```
#427889
```
#427889 rgb(66,120,137)
```
#4b879a
```
#4b879a rgb(75,135,154)
```
#5396ab
```
#5396ab rgb(83,150,171)
```
#64a1b4
```
#64a1b4 rgb(100,161,180)
```
#75abbc
```
#75abbc rgb(117,171,188)
```
#86b6c4
```
#86b6c4 rgb(134,182,196)
```

Monochromatic Color

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

#53abaa
```
#53abaa rgb(83,171,170)
```
#53a5ab
```
#53a5ab rgb(83,165,171)
```
#539dab
```
#539dab rgb(83,157,171)
```
#5396ab
```
#5396ab rgb(83,150,171)
```
#538fab
```
#538fab rgb(83,143,171)
```
#5387ab
```
#5387ab rgb(83,135,171)
```
#5380ab
```
#5380ab rgb(83,128,171)
```

Similar Colors

Text with hexadecimal color #5396ab

This text has a font color of #5396ab.

<span style="color:#5396ab;">Text here</span>

#5396ab background color

This paragraph has a background color of #5396ab.

<p style="background-color:#5396ab;">Content here</p>

#5396ab border color

This element has a border color of #5396ab.

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

CSS codes

.text {color:#5396ab;}

.background {background-color:#5396ab;}

.border {border:1px solid #5396ab;}

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, #060b0d is the darkest color, while #feffff is the lightest one.

#060b0d
```
#060b0d rgb(6,11,13)
```
#0c171a
```
#0c171a rgb(12,23,26)
```
#132227
```
#132227 rgb(19,34,39)
```
#192e34
```
#192e34 rgb(25,46,52)
```
#203941
```
#203941 rgb(32,57,65)
```
#26454f
```
#26454f rgb(38,69,79)
```
#2d505c
```
#2d505c rgb(45,80,92)
```
#335c69
```
#335c69 rgb(51,92,105)
```
#396876
```
#396876 rgb(57,104,118)
```
#407383
```
#407383 rgb(64,115,131)
```
#467f91
```
#467f91 rgb(70,127,145)
```
#4d8a9e
```
#4d8a9e rgb(77,138,158)
```
#5396ab
```
#5396ab rgb(83,150,171)
```

Shade Color Variation

#609eb2
```
#609eb2 rgb(96,158,178)
```
#6da6b8
```
#6da6b8 rgb(109,166,184)
```
#7aaebf
```
#7aaebf rgb(122,174,191)
```
#87b6c5
```
#87b6c5 rgb(135,182,197)
```
#95becb
```
#95becb rgb(149,190,203)
```
#a2c6d2
```
#a2c6d2 rgb(162,198,210)
```
#afced8
```
#afced8 rgb(175,206,216)
```
#bcd6df
```
#bcd6df rgb(188,214,223)
```
#cadee5
```
#cadee5 rgb(202,222,229)
```
#d7e6eb
```
#d7e6eb rgb(215,230,235)
```
#e4eff2
```
#e4eff2 rgb(228,239,242)
```
#f1f7f8
```
#f1f7f8 rgb(241,247,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#7a8284
```
#7a8284 rgb(122,130,132)
```
#70878e
```
#70878e rgb(112,135,142)
```
#678c97
```
#678c97 rgb(103,140,151)
```
#5d91a1
```
#5d91a1 rgb(93,145,161)
```
#5396ab
```
#5396ab rgb(83,150,171)
```
#499bb5
```
#499bb5 rgb(73,155,181)
```
#3fa0bf
```
#3fa0bf rgb(63,160,191)
```
#36a5c8
```
#36a5c8 rgb(54,165,200)
```
#2caad2
```
#2caad2 rgb(44,170,210)
```
#22b0dc
```
#22b0dc rgb(34,176,220)
```
#18b5e6
```
#18b5e6 rgb(24,181,230)
```
#0fbaef
```
#0fbaef rgb(15,186,239)
```
#05bff9
```
#05bff9 rgb(5,191,249)
```

Tone Color Variation

Below, you can see how #5396ab 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

#848484 Achromatopsia 0.005% of the population
#7a888c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e91a9 Protanopia 1% of men
#8e90b3 Deuteranopia 1% of men
#589ca8 Tritanopia 0.001% of the population

Trichromacy

#7893a9 Protanomaly 1% of men, 0.01% of women
#7992b0 Deuteranomaly 6% of men, 0.4% of women
#569aa9 Tritanomaly 0.01% of the population

#5396ab hex color

#5396ab Color Information

#5396ab Color Conversion

Color Schemes with #5396ab

Alternatives to #5396ab

#5396ab Preview

Shades and Tints of #5396ab

Tones of #5396ab

Color Blindness Simulator