#5a6cdc hex color

In a RGB color space, hex #5a6cdc is composed of 35.3% red, 42.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 50.9% magenta, 0% yellow and 13.7% black. It has a hue angle of 231.7 degrees, a saturation of 65% and a lightness of 60.8%. #5a6cdc color hex could be obtained by blending #b4d8ff with #0000b9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 42
- B 86
RGB color chart
- C 59
- M 51
- Y 0
- K 14
CMYK color chart

● #5a6cdc color description : Soft blue.

The hexadecimal color #5a6cdc has RGB values of R:90, G:108, B:220 and CMYK values of C:0.59, M:0.51, Y:0, K:0.14. Its decimal value is 5926108.

Hex triplet	5a6cdc	`#5a6cdc`
RGB Decimal	90, 108, 220	`rgb(90,108,220)`
RGB Percent	35.3, 42.4, 86.3	`rgb(35.3%,42.4%,86.3%)`
CMYK	59, 51, 0, 14
HSL	231.7°, 65, 60.8	`hsl(231.7,65%,60.8%)`
HSV (or HSB)	231.7°, 59.1, 86.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.575, 26.629, -59.56
XYZ	22.495, 18.065, 70.008
xyY	0.203, 0.163, 18.065
CIE-LCH	49.575, 65.242, 294.089
CIE-LUV	49.575, -12.33, -93.721
Hunter-Lab	42.503, 20.091, -67.906
Binary	01011010, 01101100, 11011100

#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#dcca5a
```
#dcca5a rgb(220,202,90)
```

Complementary Color

#5aaddc
```
#5aaddc rgb(90,173,220)
```
#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#895adc
```
#895adc rgb(137,90,220)
```

Analogous Color

#addc5a
```
#addc5a rgb(173,220,90)
```
#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#dc895a
```
#dc895a rgb(220,137,90)
```

Split Complementary Color

#6cdc5a
```
#6cdc5a rgb(108,220,90)
```
#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#dc5a6c
```
#dc5a6c rgb(220,90,108)
```

Triadic Color

#5adcca
```
#5adcca rgb(90,220,202)
```
#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#dc5a6c
```
#dc5a6c rgb(220,90,108)
```
#dcca5a
```
#dcca5a rgb(220,202,90)
```

Tetradic Color

#293ec1
```
#293ec1 rgb(41,62,193)
```
#3047d3
```
#3047d3 rgb(48,71,211)
```
#4559d8
```
#4559d8 rgb(69,89,216)
```
#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#6f7fe0
```
#6f7fe0 rgb(111,127,224)
```
#8491e5
```
#8491e5 rgb(132,145,229)
```
#99a4e9
```
#99a4e9 rgb(153,164,233)
```

Monochromatic Color

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

#5a8ddc
```
#5a8ddc rgb(90,141,220)
```
#5a82dc
```
#5a82dc rgb(90,130,220)
```
#5a77dc
```
#5a77dc rgb(90,119,220)
```
#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#5a61dc
```
#5a61dc rgb(90,97,220)
```
#5e5adc
```
#5e5adc rgb(94,90,220)
```
#695adc
```
#695adc rgb(105,90,220)
```

Similar Colors

Text with hexadecimal color #5a6cdc

This text has a font color of #5a6cdc.

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

#5a6cdc background color

This paragraph has a background color of #5a6cdc.

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

#5a6cdc border color

This element has a border color of #5a6cdc.

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

CSS codes

.text {color:#5a6cdc;}

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

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

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

#03040d
```
#03040d rgb(3,4,13)
```
#06091d
```
#06091d rgb(6,9,29)
```
#0a0f2d
```
#0a0f2d rgb(10,15,45)
```
#0d143e
```
#0d143e rgb(13,20,62)
```
#10194e
```
#10194e rgb(16,25,78)
```
#141e5e
```
#141e5e rgb(20,30,94)
```
#17236e
```
#17236e rgb(23,35,110)
```
#1b297e
```
#1b297e rgb(27,41,126)
```
#1e2e8e
```
#1e2e8e rgb(30,46,142)
```
#22339f
```
#22339f rgb(34,51,159)
```
#2538af
```
#2538af rgb(37,56,175)
```
#293dbf
```
#293dbf rgb(41,61,191)
```
#2c43cf
```
#2c43cf rgb(44,67,207)
```

Shade Color Variation

#3a4fd5
```
#3a4fd5 rgb(58,79,213)
```
#4a5ed9
```
#4a5ed9 rgb(74,94,217)
```
#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#6a7adf
```
#6a7adf rgb(106,122,223)
```
#7a89e3
```
#7a89e3 rgb(122,137,227)
```
#8b97e6
```
#8b97e6 rgb(139,151,230)
```
#9ba6ea
```
#9ba6ea rgb(155,166,234)
```
#abb4ed
```
#abb4ed rgb(171,180,237)
```
#bbc3f1
```
#bbc3f1 rgb(187,195,241)
```
#cbd1f4
```
#cbd1f4 rgb(203,209,244)
```
#dbdff7
```
#dbdff7 rgb(219,223,247)
```
#eceefb
```
#eceefb rgb(236,238,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98989e is the less saturated color, while #3b56fb is the most saturated one.

#98989e
```
#98989e rgb(152,152,158)
```
#9093a6
```
#9093a6 rgb(144,147,166)
```
#888dae
```
#888dae rgb(136,141,174)
```
#8088b6
```
#8088b6 rgb(128,136,182)
```
#7982bd
```
#7982bd rgb(121,130,189)
```
#717dc5
```
#717dc5 rgb(113,125,197)
```
#6977cd
```
#6977cd rgb(105,119,205)
```
#6272d4
```
#6272d4 rgb(98,114,212)
```
#5a6cdc
```
#5a6cdc rgb(90,108,220)
```
#5266e4
```
#5266e4 rgb(82,102,228)
```
#4b61eb
```
#4b61eb rgb(75,97,235)
```
#435bf3
```
#435bf3 rgb(67,91,243)
```
#3b56fb
```
#3b56fb rgb(59,86,251)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6e7288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3679e3 Protanopia 1% of men
#007fd3 Deuteranopia 1% of men
#348791 Tritanopia 0.001% of the population

Trichromacy

#4374e0 Protanomaly 1% of men, 0.01% of women
#2078d6 Deuteranomaly 6% of men, 0.4% of women
#417dac Tritanomaly 0.01% of the population

#5a6cdc hex color

#5a6cdc Color Information

#5a6cdc Color Conversion

Color Schemes with #5a6cdc

Alternatives to #5a6cdc

#5a6cdc Preview

Shades and Tints of #5a6cdc

Tones of #5a6cdc

Color Blindness Simulator