#5a99dd hex color

In a RGB color space, hex #5a99dd is composed of 35.3% red, 60% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 59.3% cyan, 30.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.1 degrees, a saturation of 65.8% and a lightness of 61%. #5a99dd color hex could be obtained by blending #b4ffff with #0033bb. Closest websafe color is: #6699cc.

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

● #5a99dd color description : Soft blue.

The hexadecimal color #5a99dd has RGB values of R:90, G:153, B:221 and CMYK values of C:0.59, M:0.31, Y:0, K:0.13. Its decimal value is 5937629.

Hex triplet	5a99dd	`#5a99dd`
RGB Decimal	90, 153, 221	`rgb(90,153,221)`
RGB Percent	35.3, 60, 86.7	`rgb(35.3%,60%,86.7%)`
CMYK	59, 31, 0, 13
HSL	211.1°, 65.8, 61	`hsl(211.1,65.8%,61%)`
HSV (or HSB)	211.1°, 59.3, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.805, -0.095, -40.673
XYZ	28.656, 30.175, 72.717
xyY	0.218, 0.229, 30.175
CIE-LCH	61.805, 40.673, 269.866
CIE-LUV	61.805, -27.284, -64.323
Hunter-Lab	54.932, -3.013, -40.034
Binary	01011010, 10011001, 11011101

#5a99dd
```
#5a99dd rgb(90,153,221)
```
#dd9e5a
```
#dd9e5a rgb(221,158,90)
```

Complementary Color

#5adbdd
```
#5adbdd rgb(90,219,221)
```
#5a99dd
```
#5a99dd rgb(90,153,221)
```
#5d5add
```
#5d5add rgb(93,90,221)
```

Analogous Color

#dbdd5a
```
#dbdd5a rgb(219,221,90)
```
#5a99dd
```
#5a99dd rgb(90,153,221)
```
#dd5d5a
```
#dd5d5a rgb(221,93,90)
```

Split Complementary Color

#99dd5a
```
#99dd5a rgb(153,221,90)
```
#5a99dd
```
#5a99dd rgb(90,153,221)
```
#dd5a99
```
#dd5a99 rgb(221,90,153)
```

Triadic Color

#5add9e
```
#5add9e rgb(90,221,158)
```
#5a99dd
```
#5a99dd rgb(90,153,221)
```
#dd5a99
```
#dd5a99 rgb(221,90,153)
```
#dd9e5a
```
#dd9e5a rgb(221,158,90)
```

Tetradic Color

#2872c2
```
#2872c2 rgb(40,114,194)
```
#307fd4
```
#307fd4 rgb(48,127,212)
```
#458cd9
```
#458cd9 rgb(69,140,217)
```
#5a99dd
```
#5a99dd rgb(90,153,221)
```
#6fa6e1
```
#6fa6e1 rgb(111,166,225)
```
#84b3e6
```
#84b3e6 rgb(132,179,230)
```
#99c0ea
```
#99c0ea rgb(153,192,234)
```

Monochromatic Color

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

#5abadd
```
#5abadd rgb(90,186,221)
```
#5aafdd
```
#5aafdd rgb(90,175,221)
```
#5aa4dd
```
#5aa4dd rgb(90,164,221)
```
#5a99dd
```
#5a99dd rgb(90,153,221)
```
#5a8edd
```
#5a8edd rgb(90,142,221)
```
#5a83dd
```
#5a83dd rgb(90,131,221)
```
#5a78dd
```
#5a78dd rgb(90,120,221)
```

Similar Colors

Text with hexadecimal color #5a99dd

This text has a font color of #5a99dd.

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

#5a99dd background color

This paragraph has a background color of #5a99dd.

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

#5a99dd border color

This element has a border color of #5a99dd.

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

CSS codes

.text {color:#5a99dd;}

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

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

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

#03080e
```
#03080e rgb(3,8,14)
```
#06121e
```
#06121e rgb(6,18,30)
```
#0a1b2e
```
#0a1b2e rgb(10,27,46)
```
#0d253f
```
#0d253f rgb(13,37,63)
```
#102e4f
```
#102e4f rgb(16,46,79)
```
#14385f
```
#14385f rgb(20,56,95)
```
#17426f
```
#17426f rgb(23,66,111)
```
#1a4b80
```
#1a4b80 rgb(26,75,128)
```
#1e5590
```
#1e5590 rgb(30,85,144)
```
#215ea0
```
#215ea0 rgb(33,94,160)
```
#2468b1
```
#2468b1 rgb(36,104,177)
```
#2871c1
```
#2871c1 rgb(40,113,193)
```
#2b7bd1
```
#2b7bd1 rgb(43,123,209)
```

Shade Color Variation

#3985d6
```
#3985d6 rgb(57,133,214)
```
#4a8fda
```
#4a8fda rgb(74,143,218)
```
#5a99dd
```
#5a99dd rgb(90,153,221)
```
#6aa3e0
```
#6aa3e0 rgb(106,163,224)
```
#7bade4
```
#7bade4 rgb(123,173,228)
```
#8bb7e7
```
#8bb7e7 rgb(139,183,231)
```
#9bc1ea
```
#9bc1ea rgb(155,193,234)
```
#abcbee
```
#abcbee rgb(171,203,238)
```
#bcd5f1
```
#bcd5f1 rgb(188,213,241)
```
#ccdff4
```
#ccdff4 rgb(204,223,244)
```
#dce9f8
```
#dce9f8 rgb(220,233,248)
```
#ecf3fb
```
#ecf3fb rgb(236,243,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#979ba0
```
#979ba0 rgb(151,155,160)
```
#909ba7
```
#909ba7 rgb(144,155,167)
```
#889baf
```
#889baf rgb(136,155,175)
```
#809ab7
```
#809ab7 rgb(128,154,183)
```
#799abe
```
#799abe rgb(121,154,190)
```
#719ac6
```
#719ac6 rgb(113,154,198)
```
#699ace
```
#699ace rgb(105,154,206)
```
#6299d5
```
#6299d5 rgb(98,153,213)
```
#5a99dd
```
#5a99dd rgb(90,153,221)
```
#5299e5
```
#5299e5 rgb(82,153,229)
```
#4b98ec
```
#4b98ec rgb(75,152,236)
```
#4398f4
```
#4398f4 rgb(67,152,244)
```
#3b98fc
```
#3b98fc rgb(59,152,252)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#84909e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8398da Protanopia 1% of men
#779ae0 Deuteranopia 1% of men
#49a7b3 Tritanopia 0.001% of the population

Trichromacy

#7498db Protanomaly 1% of men, 0.01% of women
#6c99df Deuteranomaly 6% of men, 0.4% of women
#4fa2c2 Tritanomaly 0.01% of the population

#5a99dd hex color

#5a99dd Color Information

#5a99dd Color Conversion

Color Schemes with #5a99dd

Alternatives to #5a99dd

#5a99dd Preview

Shades and Tints of #5a99dd

Tones of #5a99dd

Color Blindness Simulator