#5a6bda hex color

In a RGB color space, hex #5a6bda is composed of 35.3% red, 42% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 50.9% magenta, 0% yellow and 14.5% black. It has a hue angle of 232 degrees, a saturation of 63.4% and a lightness of 60.4%. #5a6bda color hex could be obtained by blending #b4d6ff with #0000b5. Closest websafe color is: #6666cc.

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

● #5a6bda color description : Soft blue.

The hexadecimal color #5a6bda has RGB values of R:90, G:107, B:218 and CMYK values of C:0.59, M:0.51, Y:0, K:0.15. Its decimal value is 5925850.

Hex triplet	5a6bda	`#5a6bda`
RGB Decimal	90, 107, 218	`rgb(90,107,218)`
RGB Percent	35.3, 42, 85.5	`rgb(35.3%,42%,85.5%)`
CMYK	59, 51, 0, 15
HSL	232°, 63.4, 60.4	`hsl(232,63.4%,60.4%)`
HSV (or HSB)	232°, 58.7, 85.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.191, 26.585, -59.045
XYZ	22.126, 17.75, 68.586
xyY	0.204, 0.164, 17.75
CIE-LCH	49.191, 64.754, 294.239
CIE-LUV	49.191, -11.976, -92.754
Hunter-Lab	42.131, 20.017, -67.029
Binary	01011010, 01101011, 11011010

#5a6bda
```
#5a6bda rgb(90,107,218)
```
#dac95a
```
#dac95a rgb(218,201,90)
```

Complementary Color

#5aabda
```
#5aabda rgb(90,171,218)
```
#5a6bda
```
#5a6bda rgb(90,107,218)
```
#895ada
```
#895ada rgb(137,90,218)
```

Analogous Color

#abda5a
```
#abda5a rgb(171,218,90)
```
#5a6bda
```
#5a6bda rgb(90,107,218)
```
#da895a
```
#da895a rgb(218,137,90)
```

Split Complementary Color

#6bda5a
```
#6bda5a rgb(107,218,90)
```
#5a6bda
```
#5a6bda rgb(90,107,218)
```
#da5a6b
```
#da5a6b rgb(218,90,107)
```

Triadic Color

#5adac9
```
#5adac9 rgb(90,218,201)
```
#5a6bda
```
#5a6bda rgb(90,107,218)
```
#da5a6b
```
#da5a6b rgb(218,90,107)
```
#dac95a
```
#dac95a rgb(218,201,90)
```

Tetradic Color

#2a3ebd
```
#2a3ebd rgb(42,62,189)
```
#3046d1
```
#3046d1 rgb(48,70,209)
```
#4558d5
```
#4558d5 rgb(69,88,213)
```
#5a6bda
```
#5a6bda rgb(90,107,218)
```
#6f7edf
```
#6f7edf rgb(111,126,223)
```
#8490e3
```
#8490e3 rgb(132,144,227)
```
#98a3e8
```
#98a3e8 rgb(152,163,232)
```

Monochromatic Color

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

#5a8bda
```
#5a8bda rgb(90,139,218)
```
#5a80da
```
#5a80da rgb(90,128,218)
```
#5a76da
```
#5a76da rgb(90,118,218)
```
#5a6bda
```
#5a6bda rgb(90,107,218)
```
#5a60da
```
#5a60da rgb(90,96,218)
```
#5e5ada
```
#5e5ada rgb(94,90,218)
```
#695ada
```
#695ada rgb(105,90,218)
```

Similar Colors

Text with hexadecimal color #5a6bda

This text has a font color of #5a6bda.

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

#5a6bda background color

This paragraph has a background color of #5a6bda.

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

#5a6bda border color

This element has a border color of #5a6bda.

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

CSS codes

.text {color:#5a6bda;}

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

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

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

#03040b
```
#03040b rgb(3,4,11)
```
#06091b
```
#06091b rgb(6,9,27)
```
#0a0e2b
```
#0a0e2b rgb(10,14,43)
```
#0d133b
```
#0d133b rgb(13,19,59)
```
#11194b
```
#11194b rgb(17,25,75)
```
#141e5b
```
#141e5b rgb(20,30,91)
```
#18236b
```
#18236b rgb(24,35,107)
```
#1c287b
```
#1c287b rgb(28,40,123)
```
#1f2e8b
```
#1f2e8b rgb(31,46,139)
```
#23339b
```
#23339b rgb(35,51,155)
```
#2638ab
```
#2638ab rgb(38,56,171)
```
#2a3dbb
```
#2a3dbb rgb(42,61,187)
```
#2e43cc
```
#2e43cc rgb(46,67,204)
```

Shade Color Variation

#3a4ed3
```
#3a4ed3 rgb(58,78,211)
```
#4a5dd6
```
#4a5dd6 rgb(74,93,214)
```
#5a6bda
```
#5a6bda rgb(90,107,218)
```
#6a79de
```
#6a79de rgb(106,121,222)
```
#7a88e1
```
#7a88e1 rgb(122,136,225)
```
#8a96e5
```
#8a96e5 rgb(138,150,229)
```
#9aa4e8
```
#9aa4e8 rgb(154,164,232)
```
#aab3ec
```
#aab3ec rgb(170,179,236)
```
#bac1f0
```
#bac1f0 rgb(186,193,240)
```
#cad0f3
```
#cad0f3 rgb(202,208,243)
```
#dadef7
```
#dadef7 rgb(218,222,247)
```
#eaecfa
```
#eaecfa rgb(234,236,250)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#98999c
```
#98999c rgb(152,153,156)
```
#9093a4
```
#9093a4 rgb(144,147,164)
```
#898dab
```
#898dab rgb(137,141,171)
```
#8188b3
```
#8188b3 rgb(129,136,179)
```
#7982bb
```
#7982bb rgb(121,130,187)
```
#717cc3
```
#717cc3 rgb(113,124,195)
```
#6a76ca
```
#6a76ca rgb(106,118,202)
```
#6271d2
```
#6271d2 rgb(98,113,210)
```
#5a6bda
```
#5a6bda rgb(90,107,218)
```
#5265e2
```
#5265e2 rgb(82,101,226)
```
#4a60ea
```
#4a60ea rgb(74,96,234)
```
#435af1
```
#435af1 rgb(67,90,241)
```
#3b54f9
```
#3b54f9 rgb(59,84,249)
```

Tone Color Variation

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

#3678e1 Protanopia 1% of men
#007ed1 Deuteranopia 1% of men
#358690 Tritanopia 0.001% of the population

Trichromacy

#4373de Protanomaly 1% of men, 0.01% of women
#2077d4 Deuteranomaly 6% of men, 0.4% of women
#427cab Tritanomaly 0.01% of the population

#5a6bda hex color

#5a6bda Color Information

#5a6bda Color Conversion

Color Schemes with #5a6bda

Alternatives to #5a6bda

#5a6bda Preview

Shades and Tints of #5a6bda

Tones of #5a6bda

Color Blindness Simulator