#5a6db4 hex color

In a RGB color space, hex #5a6db4 is composed of 35.3% red, 42.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 39.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 227.3 degrees, a saturation of 37.5% and a lightness of 52.9%. #5a6db4 color hex could be obtained by blending #b4daff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 43
- B 71
RGB color chart
- C 50
- M 39
- Y 0
- K 29
CMYK color chart

● #5a6db4 color description : Moderate blue.

The hexadecimal color #5a6db4 has RGB values of R:90, G:109, B:180 and CMYK values of C:0.5, M:0.39, Y:0, K:0.29. Its decimal value is 5926324.

Hex triplet	5a6db4	`#5a6db4`
RGB Decimal	90, 109, 180	`rgb(90,109,180)`
RGB Percent	35.3, 42.7, 70.6	`rgb(35.3%,42.7%,70.6%)`
CMYK	50, 39, 0, 29
HSL	227.3°, 37.5, 52.9	`hsl(227.3,37.5%,52.9%)`
HSV (or HSB)	227.3°, 50, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.502, 12.999, -39.929
XYZ	17.922, 16.405, 45.4
xyY	0.225, 0.206, 16.405
CIE-LCH	47.502, 41.991, 288.032
CIE-LUV	47.502, -11.557, -61.382
Hunter-Lab	40.504, 8.099, -38.104
Binary	01011010, 01101101, 10110100

#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#b4a15a
```
#b4a15a rgb(180,161,90)
```

Complementary Color

#5a9ab4
```
#5a9ab4 rgb(90,154,180)
```
#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#745ab4
```
#745ab4 rgb(116,90,180)
```

Analogous Color

#9ab45a
```
#9ab45a rgb(154,180,90)
```
#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#b4745a
```
#b4745a rgb(180,116,90)
```

Split Complementary Color

#6db45a
```
#6db45a rgb(109,180,90)
```
#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#b45a6d
```
#b45a6d rgb(180,90,109)
```

Triadic Color

#5ab4a1
```
#5ab4a1 rgb(90,180,161)
```
#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#b45a6d
```
#b45a6d rgb(180,90,109)
```
#b4a15a
```
#b4a15a rgb(180,161,90)
```

Tetradic Color

#3c4c85
```
#3c4c85 rgb(60,76,133)
```
#445697
```
#445697 rgb(68,86,151)
```
#4c60a8
```
#4c60a8 rgb(76,96,168)
```
#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#6c7dbc
```
#6c7dbc rgb(108,125,188)
```
#7d8cc4
```
#7d8cc4 rgb(125,140,196)
```
#8f9ccc
```
#8f9ccc rgb(143,156,204)
```

Monochromatic Color

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

#5a84b4
```
#5a84b4 rgb(90,132,180)
```
#5a7cb4
```
#5a7cb4 rgb(90,124,180)
```
#5a75b4
```
#5a75b4 rgb(90,117,180)
```
#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#5a66b4
```
#5a66b4 rgb(90,102,180)
```
#5a5eb4
```
#5a5eb4 rgb(90,94,180)
```
#5d5ab4
```
#5d5ab4 rgb(93,90,180)
```

Similar Colors

Text with hexadecimal color #5a6db4

This text has a font color of #5a6db4.

<span style="color:#5a6db4;">Text here</span>

#5a6db4 background color

This paragraph has a background color of #5a6db4.

<p style="background-color:#5a6db4;">Content here</p>

#5a6db4 border color

This element has a border color of #5a6db4.

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

CSS codes

.text {color:#5a6db4;}

.background {background-color:#5a6db4;}

.border {border:1px solid #5a6db4;}

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, #05060a is the darkest color, while #fcfcfe is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0e18
```
#0b0e18 rgb(11,14,24)
```
#111525
```
#111525 rgb(17,21,37)
```
#171d33
```
#171d33 rgb(23,29,51)
```
#1d2540
```
#1d2540 rgb(29,37,64)
```
#232c4e
```
#232c4e rgb(35,44,78)
```
#29345b
```
#29345b rgb(41,52,91)
```
#303c69
```
#303c69 rgb(48,60,105)
```
#364376
```
#364376 rgb(54,67,118)
```
#3c4b84
```
#3c4b84 rgb(60,75,132)
```
#425391
```
#425391 rgb(66,83,145)
```
#485a9f
```
#485a9f rgb(72,90,159)
```
#4e62ac
```
#4e62ac rgb(78,98,172)
```

Shade Color Variation

#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#6779ba
```
#6779ba rgb(103,121,186)
```
#7585c0
```
#7585c0 rgb(117,133,192)
```
#8291c6
```
#8291c6 rgb(130,145,198)
```
#909dcd
```
#909dcd rgb(144,157,205)
```
#9da9d3
```
#9da9d3 rgb(157,169,211)
```
#abb5d9
```
#abb5d9 rgb(171,181,217)
```
#b8c1df
```
#b8c1df rgb(184,193,223)
```
#c6cce5
```
#c6cce5 rgb(198,204,229)
```
#d3d8eb
```
#d3d8eb rgb(211,216,235)
```
#e1e4f1
```
#e1e4f1 rgb(225,228,241)
```
#eef0f7
```
#eef0f7 rgb(238,240,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#7f828f
```
#7f828f rgb(127,130,143)
```
#767d98
```
#767d98 rgb(118,125,152)
```
#6c78a2
```
#6c78a2 rgb(108,120,162)
```
#6372ab
```
#6372ab rgb(99,114,171)
```
#5a6db4
```
#5a6db4 rgb(90,109,180)
```
#5168bd
```
#5168bd rgb(81,104,189)
```
#4862c6
```
#4862c6 rgb(72,98,198)
```
#3e5dd0
```
#3e5dd0 rgb(62,93,208)
```
#3558d9
```
#3558d9 rgb(53,88,217)
```
#2c52e2
```
#2c52e2 rgb(44,82,226)
```
#234deb
```
#234deb rgb(35,77,235)
```
#1948f5
```
#1948f5 rgb(25,72,245)
```
#1042fe
```
#1042fe rgb(16,66,254)
```

Tone Color Variation

Below, you can see how #5a6db4 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

#6f6f6f Achromatopsia 0.005% of the population
#6b6f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b75b8 Protanopia 1% of men
#5178b6 Deuteranopia 1% of men
#4f7f88 Tritanopia 0.001% of the population

Trichromacy

#5b72b7 Protanomaly 1% of men, 0.01% of women
#5474b5 Deuteranomaly 6% of men, 0.4% of women
#537898 Tritanomaly 0.01% of the population

#5a6db4 hex color

#5a6db4 Color Information

#5a6db4 Color Conversion

Color Schemes with #5a6db4

Alternatives to #5a6db4

#5a6db4 Preview

Shades and Tints of #5a6db4

Tones of #5a6db4

Color Blindness Simulator