#5a6bde hex color

In a RGB color space, hex #5a6bde is composed of 35.3% red, 42% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 51.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 232.3 degrees, a saturation of 66.7% and a lightness of 61.2%. #5a6bde color hex could be obtained by blending #b4d6ff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 42
- B 87
RGB color chart
- C 59
- M 52
- Y 0
- K 13
CMYK color chart

● #5a6bde color description : Soft blue.

The hexadecimal color #5a6bde has RGB values of R:90, G:107, B:222 and CMYK values of C:0.59, M:0.52, Y:0, K:0.13. Its decimal value is 5925854.

Hex triplet	5a6bde	`#5a6bde`
RGB Decimal	90, 107, 222	`rgb(90,107,222)`
RGB Percent	35.3, 42, 87.1	`rgb(35.3%,42%,87.1%)`
CMYK	59, 52, 0, 13
HSL	232.3°, 66.7, 61.2	`hsl(232.3,66.7%,61.2%)`
HSV (or HSB)	232.3°, 59.5, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.45, 27.906, -60.893
XYZ	22.656, 17.962, 71.376
xyY	0.202, 0.16, 17.962
CIE-LCH	49.45, 66.983, 294.621
CIE-LUV	49.45, -12.095, -95.779
Hunter-Lab	42.381, 21.255, -70.186
Binary	01011010, 01101011, 11011110

#5a6bde
```
#5a6bde rgb(90,107,222)
```
#decd5a
```
#decd5a rgb(222,205,90)
```

Complementary Color

#5aadde
```
#5aadde rgb(90,173,222)
```
#5a6bde
```
#5a6bde rgb(90,107,222)
```
#8b5ade
```
#8b5ade rgb(139,90,222)
```

Analogous Color

#adde5a
```
#adde5a rgb(173,222,90)
```
#5a6bde
```
#5a6bde rgb(90,107,222)
```
#de8b5a
```
#de8b5a rgb(222,139,90)
```

Split Complementary Color

#6bde5a
```
#6bde5a rgb(107,222,90)
```
#5a6bde
```
#5a6bde rgb(90,107,222)
```
#de5a6b
```
#de5a6b rgb(222,90,107)
```

Triadic Color

#5adecd
```
#5adecd rgb(90,222,205)
```
#5a6bde
```
#5a6bde rgb(90,107,222)
```
#de5a6b
```
#de5a6b rgb(222,90,107)
```
#decd5a
```
#decd5a rgb(222,205,90)
```

Tetradic Color

#273bc4
```
#273bc4 rgb(39,59,196)
```
#3045d6
```
#3045d6 rgb(48,69,214)
```
#4558da
```
#4558da rgb(69,88,218)
```
#5a6bde
```
#5a6bde rgb(90,107,222)
```
#6f7ee2
```
#6f7ee2 rgb(111,126,226)
```
#8591e7
```
#8591e7 rgb(133,145,231)
```
#9aa4eb
```
#9aa4eb rgb(154,164,235)
```

Monochromatic Color

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

#5a8cde
```
#5a8cde rgb(90,140,222)
```
#5a81de
```
#5a81de rgb(90,129,222)
```
#5a76de
```
#5a76de rgb(90,118,222)
```
#5a6bde
```
#5a6bde rgb(90,107,222)
```
#5a60de
```
#5a60de rgb(90,96,222)
```
#5f5ade
```
#5f5ade rgb(95,90,222)
```
#6a5ade
```
#6a5ade rgb(106,90,222)
```

Similar Colors

Text with hexadecimal color #5a6bde

This text has a font color of #5a6bde.

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

#5a6bde background color

This paragraph has a background color of #5a6bde.

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

#5a6bde border color

This element has a border color of #5a6bde.

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

CSS codes

.text {color:#5a6bde;}

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

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

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

#03040f
```
#03040f rgb(3,4,15)
```
#06091f
```
#06091f rgb(6,9,31)
```
#0a0e30
```
#0a0e30 rgb(10,14,48)
```
#0d1340
```
#0d1340 rgb(13,19,64)
```
#101850
```
#101850 rgb(16,24,80)
```
#131d61
```
#131d61 rgb(19,29,97)
```
#172271
```
#172271 rgb(23,34,113)
```
#1a2781
```
#1a2781 rgb(26,39,129)
```
#1d2c92
```
#1d2c92 rgb(29,44,146)
```
#2031a2
```
#2031a2 rgb(32,49,162)
```
#2436b2
```
#2436b2 rgb(36,54,178)
```
#273bc3
```
#273bc3 rgb(39,59,195)
```
#2a40d3
```
#2a40d3 rgb(42,64,211)
```

Shade Color Variation

#394ed7
```
#394ed7 rgb(57,78,215)
```
#4a5cdb
```
#4a5cdb rgb(74,92,219)
```
#5a6bde
```
#5a6bde rgb(90,107,222)
```
#6a7ae1
```
#6a7ae1 rgb(106,122,225)
```
#7b88e5
```
#7b88e5 rgb(123,136,229)
```
#8b97e8
```
#8b97e8 rgb(139,151,232)
```
#9ba6eb
```
#9ba6eb rgb(155,166,235)
```
#acb4ee
```
#acb4ee rgb(172,180,238)
```
#bcc3f2
```
#bcc3f2 rgb(188,195,242)
```
#ccd2f5
```
#ccd2f5 rgb(204,210,245)
```
#dde0f8
```
#dde0f8 rgb(221,224,248)
```
#edeffb
```
#edeffb rgb(237,239,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#9798a1
```
#9798a1 rgb(151,152,161)
```
#8f93a9
```
#8f93a9 rgb(143,147,169)
```
#888db0
```
#888db0 rgb(136,141,176)
```
#8087b8
```
#8087b8 rgb(128,135,184)
```
#7882c0
```
#7882c0 rgb(120,130,192)
```
#717cc7
```
#717cc7 rgb(113,124,199)
```
#6976cf
```
#6976cf rgb(105,118,207)
```
#6271d6
```
#6271d6 rgb(98,113,214)
```
#5a6bde
```
#5a6bde rgb(90,107,222)
```
#5265e6
```
#5265e6 rgb(82,101,230)
```
#4b60ed
```
#4b60ed rgb(75,96,237)
```
#435af5
```
#435af5 rgb(67,90,245)
```
#3c54fc
```
#3c54fc rgb(60,84,252)
```

Tone Color Variation

Below, you can see how #5a6bde 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
#6e7188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3079e5 Protanopia 1% of men
#007fd2 Deuteranopia 1% of men
#318791 Tritanopia 0.001% of the population

Trichromacy

#3f73e2 Protanomaly 1% of men, 0.01% of women
#2077d6 Deuteranomaly 6% of men, 0.4% of women
#407dad Tritanomaly 0.01% of the population

#5a6bde hex color

#5a6bde Color Information

#5a6bde Color Conversion

Color Schemes with #5a6bde

Alternatives to #5a6bde

#5a6bde Preview

Shades and Tints of #5a6bde

Tones of #5a6bde

Color Blindness Simulator