#5395b9 hex color

In a RGB color space, hex #5395b9 is composed of 32.5% red, 58.4% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 19.5% magenta, 0% yellow and 27.5% black. It has a hue angle of 201.2 degrees, a saturation of 42.1% and a lightness of 52.5%. #5395b9 color hex could be obtained by blending #a6ffff with #002b73. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 58
- B 73
RGB color chart
- C 55
- M 19
- Y 0
- K 27
CMYK color chart

● #5395b9 color description : Moderate blue.

The hexadecimal color #5395b9 has RGB values of R:83, G:149, B:185 and CMYK values of C:0.55, M:0.19, Y:0, K:0.27. Its decimal value is 5477817.

Hex triplet	5395b9	`#5395b9`
RGB Decimal	83, 149, 185	`rgb(83,149,185)`
RGB Percent	32.5, 58.4, 72.5	`rgb(32.5%,58.4%,72.5%)`
CMYK	55, 19, 0, 27
HSL	201.2°, 42.1, 52.5	`hsl(201.2,42.1%,52.5%)`
HSV (or HSB)	201.2°, 55.1, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.821, -10.615, -25.154
XYZ	23.07, 26.835, 49.86
xyY	0.231, 0.269, 26.835
CIE-LCH	58.821, 27.302, 247.12
CIE-LUV	58.821, -28.604, -37.039
Hunter-Lab	51.803, -11.163, -20.805
Binary	01010011, 10010101, 10111001

#5395b9
```
#5395b9 rgb(83,149,185)
```
#b97753
```
#b97753 rgb(185,119,83)
```

Complementary Color

#53b9aa
```
#53b9aa rgb(83,185,170)
```
#5395b9
```
#5395b9 rgb(83,149,185)
```
#5362b9
```
#5362b9 rgb(83,98,185)
```

Analogous Color

#b9aa53
```
#b9aa53 rgb(185,170,83)
```
#5395b9
```
#5395b9 rgb(83,149,185)
```
#b95362
```
#b95362 rgb(185,83,98)
```

Split Complementary Color

#95b953
```
#95b953 rgb(149,185,83)
```
#5395b9
```
#5395b9 rgb(83,149,185)
```
#b95395
```
#b95395 rgb(185,83,149)
```

Triadic Color

#53b977
```
#53b977 rgb(83,185,119)
```
#5395b9
```
#5395b9 rgb(83,149,185)
```
#b95395
```
#b95395 rgb(185,83,149)
```
#b97753
```
#b97753 rgb(185,119,83)
```

Tetradic Color

#376c88
```
#376c88 rgb(55,108,136)
```
#3f7a9a
```
#3f7a9a rgb(63,122,154)
```
#4688ac
```
#4688ac rgb(70,136,172)
```
#5395b9
```
#5395b9 rgb(83,149,185)
```
#65a0c0
```
#65a0c0 rgb(101,160,192)
```
#77abc8
```
#77abc8 rgb(119,171,200)
```
#89b7cf
```
#89b7cf rgb(137,183,207)
```

Monochromatic Color

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

#53afb9
```
#53afb9 rgb(83,175,185)
```
#53a6b9
```
#53a6b9 rgb(83,166,185)
```
#539eb9
```
#539eb9 rgb(83,158,185)
```
#5395b9
```
#5395b9 rgb(83,149,185)
```
#538db9
```
#538db9 rgb(83,141,185)
```
#5384b9
```
#5384b9 rgb(83,132,185)
```
#537cb9
```
#537cb9 rgb(83,124,185)
```

Similar Colors

Text with hexadecimal color #5395b9

This text has a font color of #5395b9.

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

#5395b9 background color

This paragraph has a background color of #5395b9.

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

#5395b9 border color

This element has a border color of #5395b9.

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

CSS codes

.text {color:#5395b9;}

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

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

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

#040709
```
#040709 rgb(4,7,9)
```
#091217
```
#091217 rgb(9,18,23)
```
#0f1d25
```
#0f1d25 rgb(15,29,37)
```
#152833
```
#152833 rgb(21,40,51)
```
#1a3341
```
#1a3341 rgb(26,51,65)
```
#203e4f
```
#203e4f rgb(32,62,79)
```
#26495d
```
#26495d rgb(38,73,93)
```
#2b546b
```
#2b546b rgb(43,84,107)
```
#315f79
```
#315f79 rgb(49,95,121)
```
#376b87
```
#376b87 rgb(55,107,135)
```
#3c7695
```
#3c7695 rgb(60,118,149)
```
#4281a3
```
#4281a3 rgb(66,129,163)
```
#488cb1
```
#488cb1 rgb(72,140,177)
```

Shade Color Variation

#5395b9
```
#5395b9 rgb(83,149,185)
```
#619ebf
```
#619ebf rgb(97,158,191)
```
#6fa6c4
```
#6fa6c4 rgb(111,166,196)
```
#7dafca
```
#7dafca rgb(125,175,202)
```
#8bb7d0
```
#8bb7d0 rgb(139,183,208)
```
#99c0d5
```
#99c0d5 rgb(153,192,213)
```
#a7c9db
```
#a7c9db rgb(167,201,219)
```
#b5d1e1
```
#b5d1e1 rgb(181,209,225)
```
#c3dae6
```
#c3dae6 rgb(195,218,230)
```
#d0e2ec
```
#d0e2ec rgb(208,226,236)
```
#deebf2
```
#deebf2 rgb(222,235,242)
```
#ecf4f7
```
#ecf4f7 rgb(236,244,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82878a is the less saturated color, while #12a8fa is the most saturated one.

#82878a
```
#82878a rgb(130,135,138)
```
#788a94
```
#788a94 rgb(120,138,148)
```
#6f8d9d
```
#6f8d9d rgb(111,141,157)
```
#6690a6
```
#6690a6 rgb(102,144,166)
```
#5c92b0
```
#5c92b0 rgb(92,146,176)
```
#5395b9
```
#5395b9 rgb(83,149,185)
```
#4a98c2
```
#4a98c2 rgb(74,152,194)
```
#409acc
```
#409acc rgb(64,154,204)
```
#379dd5
```
#379dd5 rgb(55,157,213)
```
#2ea0de
```
#2ea0de rgb(46,160,222)
```
#24a3e8
```
#24a3e8 rgb(36,163,232)
```
#1ba5f1
```
#1ba5f1 rgb(27,165,241)
```
#12a8fa
```
#12a8fa rgb(18,168,250)
```

Tone Color Variation

Below, you can see how #5395b9 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
#7b888f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8991b7 Protanopia 1% of men
#8691c0 Deuteranopia 1% of men
#529ea9 Tritanopia 0.001% of the population

Trichromacy

#7593b7 Protanomaly 1% of men, 0.01% of women
#7392bd Deuteranomaly 6% of men, 0.4% of women
#529aaf Tritanomaly 0.01% of the population

#5395b9 hex color

#5395b9 Color Information

#5395b9 Color Conversion

Color Schemes with #5395b9

Alternatives to #5395b9

#5395b9 Preview

Shades and Tints of #5395b9

Tones of #5395b9

Color Blindness Simulator