#5370a6 hex color

In a RGB color space, hex #5370a6 is composed of 32.5% red, 43.9% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 32.5% magenta, 0% yellow and 34.9% black. It has a hue angle of 219 degrees, a saturation of 33.3% and a lightness of 48.8%. #5370a6 color hex could be obtained by blending #a6e0ff with #00004d. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 44
- B 65
RGB color chart
- C 50
- M 33
- Y 0
- K 35
CMYK color chart

● #5370a6 color description : Dark moderate blue.

The hexadecimal color #5370a6 has RGB values of R:83, G:112, B:166 and CMYK values of C:0.5, M:0.33, Y:0, K:0.35. Its decimal value is 5468326.

Hex triplet	5370a6	`#5370a6`
RGB Decimal	83, 112, 166	`rgb(83,112,166)`
RGB Percent	32.5, 43.9, 65.1	`rgb(32.5%,43.9%,65.1%)`
CMYK	50, 33, 0, 35
HSL	219°, 33.3, 48.8	`hsl(219,33.3%,48.8%)`
HSV (or HSB)	219°, 50, 65.1
Web Safe	666699	`#666699`

CIE-LAB	47.209, 5.013, -32.25
XYZ	16.243, 16.18, 38.341
xyY	0.23, 0.229, 16.18
CIE-LCH	47.209, 32.637, 278.835
CIE-LUV	47.209, -14.792, -48.451
Hunter-Lab	40.224, 1.688, -28.358
Binary	01010011, 01110000, 10100110

#5370a6
```
#5370a6 rgb(83,112,166)
```
#a68953
```
#a68953 rgb(166,137,83)
```

Complementary Color

#539aa6
```
#539aa6 rgb(83,154,166)
```
#5370a6
```
#5370a6 rgb(83,112,166)
```
#6053a6
```
#6053a6 rgb(96,83,166)
```

Analogous Color

#9aa653
```
#9aa653 rgb(154,166,83)
```
#5370a6
```
#5370a6 rgb(83,112,166)
```
#a66053
```
#a66053 rgb(166,96,83)
```

Split Complementary Color

#70a653
```
#70a653 rgb(112,166,83)
```
#5370a6
```
#5370a6 rgb(83,112,166)
```
#a65370
```
#a65370 rgb(166,83,112)
```

Triadic Color

#53a689
```
#53a689 rgb(83,166,137)
```
#5370a6
```
#5370a6 rgb(83,112,166)
```
#a65370
```
#a65370 rgb(166,83,112)
```
#a68953
```
#a68953 rgb(166,137,83)
```

Tetradic Color

#3a4e73
```
#3a4e73 rgb(58,78,115)
```
#425984
```
#425984 rgb(66,89,132)
```
#4b6595
```
#4b6595 rgb(75,101,149)
```
#5370a6
```
#5370a6 rgb(83,112,166)
```
#627db1
```
#627db1 rgb(98,125,177)
```
#738bb9
```
#738bb9 rgb(115,139,185)
```
#8499c2
```
#8499c2 rgb(132,153,194)
```

Monochromatic Color

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

#5385a6
```
#5385a6 rgb(83,133,166)
```
#537ea6
```
#537ea6 rgb(83,126,166)
```
#5377a6
```
#5377a6 rgb(83,119,166)
```
#5370a6
```
#5370a6 rgb(83,112,166)
```
#5369a6
```
#5369a6 rgb(83,105,166)
```
#5362a6
```
#5362a6 rgb(83,98,166)
```
#535ba6
```
#535ba6 rgb(83,91,166)
```

Similar Colors

Text with hexadecimal color #5370a6

This text has a font color of #5370a6.

<span style="color:#5370a6;">Text here</span>

#5370a6 background color

This paragraph has a background color of #5370a6.

<p style="background-color:#5370a6;">Content here</p>

#5370a6 border color

This element has a border color of #5370a6.

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

CSS codes

.text {color:#5370a6;}

.background {background-color:#5370a6;}

.border {border:1px solid #5370a6;}

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

#050609
```
#050609 rgb(5,6,9)
```
#0b0f16
```
#0b0f16 rgb(11,15,22)
```
#121823
```
#121823 rgb(18,24,35)
```
#182130
```
#182130 rgb(24,33,48)
```
#1f293d
```
#1f293d rgb(31,41,61)
```
#25324a
```
#25324a rgb(37,50,74)
```
#2c3b58
```
#2c3b58 rgb(44,59,88)
```
#324465
```
#324465 rgb(50,68,101)
```
#394d72
```
#394d72 rgb(57,77,114)
```
#3f567f
```
#3f567f rgb(63,86,127)
```
#465e8c
```
#465e8c rgb(70,94,140)
```
#4c6799
```
#4c6799 rgb(76,103,153)
```
#5370a6
```
#5370a6 rgb(83,112,166)
```

Shade Color Variation

#5e7aaf
```
#5e7aaf rgb(94,122,175)
```
#6b85b5
```
#6b85b5 rgb(107,133,181)
```
#7890bc
```
#7890bc rgb(120,144,188)
```
#859bc2
```
#859bc2 rgb(133,155,194)
```
#92a5c9
```
#92a5c9 rgb(146,165,201)
```
#9fb0cf
```
#9fb0cf rgb(159,176,207)
```
#adbbd6
```
#adbbd6 rgb(173,187,214)
```
#bac6dc
```
#bac6dc rgb(186,198,220)
```
#c7d1e3
```
#c7d1e3 rgb(199,209,227)
```
#d4dbe9
```
#d4dbe9 rgb(212,219,233)
```
#e1e6f0
```
#e1e6f0 rgb(225,230,240)
```
#eef1f6
```
#eef1f6 rgb(238,241,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

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

#797c80
```
#797c80 rgb(121,124,128)
```
#707989
```
#707989 rgb(112,121,137)
```
#667693
```
#667693 rgb(102,118,147)
```
#5d739c
```
#5d739c rgb(93,115,156)
```
#5370a6
```
#5370a6 rgb(83,112,166)
```
#496db0
```
#496db0 rgb(73,109,176)
```
#406ab9
```
#406ab9 rgb(64,106,185)
```
#3667c3
```
#3667c3 rgb(54,103,195)
```
#2d64cc
```
#2d64cc rgb(45,100,204)
```
#2362d6
```
#2362d6 rgb(35,98,214)
```
#1a5fdf
```
#1a5fdf rgb(26,95,223)
```
#105ce9
```
#105ce9 rgb(16,92,233)
```
#0659f3
```
#0659f3 rgb(6,89,243)
```

Tone Color Variation

Below, you can see how #5370a6 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

#6d6d6d Achromatopsia 0.005% of the population
#686e78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6475a9 Protanopia 1% of men
#5e76aa Deuteranopia 1% of men
#4e7e87 Tritanopia 0.001% of the population

Trichromacy

#5e73a8 Protanomaly 1% of men, 0.01% of women
#5a74a9 Deuteranomaly 6% of men, 0.4% of women
#4f7992 Tritanomaly 0.01% of the population

#5370a6 hex color

#5370a6 Color Information

#5370a6 Color Conversion

Color Schemes with #5370a6

Alternatives to #5370a6

#5370a6 Preview

Shades and Tints of #5370a6

Tones of #5370a6

Color Blindness Simulator