#5395a2 hex color

In a RGB color space, hex #5395a2 is composed of 32.5% red, 58.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 48.8% cyan, 8% magenta, 0% yellow and 36.5% black. It has a hue angle of 189.9 degrees, a saturation of 32.2% and a lightness of 48%. #5395a2 color hex could be obtained by blending #a6ffff with #002b45. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 58
- B 64
RGB color chart
- C 49
- M 8
- Y 0
- K 36
CMYK color chart

● #5395a2 color description : Dark moderate cyan.

The hexadecimal color #5395a2 has RGB values of R:83, G:149, B:162 and CMYK values of C:0.49, M:0.08, Y:0, K:0.36. Its decimal value is 5477794.

Hex triplet	5395a2	`#5395a2`
RGB Decimal	83, 149, 162	`rgb(83,149,162)`
RGB Percent	32.5, 58.4, 63.5	`rgb(32.5%,58.4%,63.5%)`
CMYK	49, 8, 0, 36
HSL	189.9°, 32.2, 48	`hsl(189.9,32.2%,48%)`
HSV (or HSB)	189.9°, 48.8, 63.5
Web Safe	669999	`#669999`

CIE-LAB	57.981, -17.409, -13.368
XYZ	20.835, 25.941, 38.09
xyY	0.246, 0.306, 25.941
CIE-LCH	57.981, 21.95, 217.52
CIE-LUV	57.981, -29.294, -17.313
Hunter-Lab	50.933, -16.114, -8.687
Binary	01010011, 10010101, 10100010

#5395a2
```
#5395a2 rgb(83,149,162)
```
#a26053
```
#a26053 rgb(162,96,83)
```

Complementary Color

#53a288
```
#53a288 rgb(83,162,136)
```
#5395a2
```
#5395a2 rgb(83,149,162)
```
#536ea2
```
#536ea2 rgb(83,110,162)
```

Analogous Color

#a28853
```
#a28853 rgb(162,136,83)
```
#5395a2
```
#5395a2 rgb(83,149,162)
```
#a2536e
```
#a2536e rgb(162,83,110)
```

Split Complementary Color

#95a253
```
#95a253 rgb(149,162,83)
```
#5395a2
```
#5395a2 rgb(83,149,162)
```
#a25395
```
#a25395 rgb(162,83,149)
```

Triadic Color

#53a260
```
#53a260 rgb(83,162,96)
```
#5395a2
```
#5395a2 rgb(83,149,162)
```
#a25395
```
#a25395 rgb(162,83,149)
```
#a26053
```
#a26053 rgb(162,96,83)
```

Tetradic Color

#39666f
```
#39666f rgb(57,102,111)
```
#427680
```
#427680 rgb(66,118,128)
```
#4a8591
```
#4a8591 rgb(74,133,145)
```
#5395a2
```
#5395a2 rgb(83,149,162)
```
#61a1ae
```
#61a1ae rgb(97,161,174)
```
#71abb7
```
#71abb7 rgb(113,171,183)
```
#82b5bf
```
#82b5bf rgb(130,181,191)
```

Monochromatic Color

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

#53a29b
```
#53a29b rgb(83,162,155)
```
#53a2a2
```
#53a2a2 rgb(83,162,162)
```
#539ca2
```
#539ca2 rgb(83,156,162)
```
#5395a2
```
#5395a2 rgb(83,149,162)
```
#538ea2
```
#538ea2 rgb(83,142,162)
```
#5388a2
```
#5388a2 rgb(83,136,162)
```
#5381a2
```
#5381a2 rgb(83,129,162)
```

Similar Colors

Text with hexadecimal color #5395a2

This text has a font color of #5395a2.

<span style="color:#5395a2;">Text here</span>

#5395a2 background color

This paragraph has a background color of #5395a2.

<p style="background-color:#5395a2;">Content here</p>

#5395a2 border color

This element has a border color of #5395a2.

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

CSS codes

.text {color:#5395a2;}

.background {background-color:#5395a2;}

.border {border:1px solid #5395a2;}

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1213
```
#0a1213 rgb(10,18,19)
```
#111e20
```
#111e20 rgb(17,30,32)
```
#172a2d
```
#172a2d rgb(23,42,45)
```
#1e363a
```
#1e363a rgb(30,54,58)
```
#244147
```
#244147 rgb(36,65,71)
```
#2b4d54
```
#2b4d54 rgb(43,77,84)
```
#325961
```
#325961 rgb(50,89,97)
```
#38656e
```
#38656e rgb(56,101,110)
```
#3f717b
```
#3f717b rgb(63,113,123)
```
#467d88
```
#467d88 rgb(70,125,136)
```
#4c8995
```
#4c8995 rgb(76,137,149)
```
#5395a2
```
#5395a2 rgb(83,149,162)
```

Shade Color Variation

#5d9fac
```
#5d9fac rgb(93,159,172)
```
#6aa7b3
```
#6aa7b3 rgb(106,167,179)
```
#77aeb9
```
#77aeb9 rgb(119,174,185)
```
#84b6c0
```
#84b6c0 rgb(132,182,192)
```
#91bec6
```
#91bec6 rgb(145,190,198)
```
#9ec5cd
```
#9ec5cd rgb(158,197,205)
```
#abcdd4
```
#abcdd4 rgb(171,205,212)
```
#b8d5da
```
#b8d5da rgb(184,213,218)
```
#c5dce1
```
#c5dce1 rgb(197,220,225)
```
#d1e4e8
```
#d1e4e8 rgb(209,228,232)
```
#deecee
```
#deecee rgb(222,236,238)
```
#ebf3f5
```
#ebf3f5 rgb(235,243,245)
```
#f8fbfc
```
#f8fbfc rgb(248,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797c7c is the less saturated color, while #08c8ed is the most saturated one.

#797c7c
```
#797c7c rgb(121,124,124)
```
#6f8286
```
#6f8286 rgb(111,130,134)
```
#66888f
```
#66888f rgb(102,136,143)
```
#5c8f99
```
#5c8f99 rgb(92,143,153)
```
#5395a2
```
#5395a2 rgb(83,149,162)
```
#4a9bab
```
#4a9bab rgb(74,155,171)
```
#40a2b5
```
#40a2b5 rgb(64,162,181)
```
#37a8be
```
#37a8be rgb(55,168,190)
```
#2daec8
```
#2daec8 rgb(45,174,200)
```
#24b5d1
```
#24b5d1 rgb(36,181,209)
```
#1abbdb
```
#1abbdb rgb(26,187,219)
```
#11c1e4
```
#11c1e4 rgb(17,193,228)
```
#08c8ed
```
#08c8ed rgb(8,200,237)
```

Tone Color Variation

Below, you can see how #5395a2 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

#838383 Achromatopsia 0.005% of the population
#798789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e90a0 Protanopia 1% of men
#918eab Deuteranopia 1% of men
#5b9aa5 Tritanopia 0.001% of the population

Trichromacy

#7992a1 Protanomaly 1% of men, 0.01% of women
#7a90a7 Deuteranomaly 6% of men, 0.4% of women
#5898a4 Tritanomaly 0.01% of the population

#5395a2 hex color

#5395a2 Color Information

#5395a2 Color Conversion

Color Schemes with #5395a2

Alternatives to #5395a2

#5395a2 Preview

Shades and Tints of #5395a2

Tones of #5395a2

Color Blindness Simulator