#5a93fd hex color

In a RGB color space, hex #5a93fd is composed of 35.3% red, 57.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 41.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 219 degrees, a saturation of 97.6% and a lightness of 67.3%. #5a93fd color hex could be obtained by blending #b4ffff with #0027fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 35
- G 58
- B 99
RGB color chart
- C 64
- M 42
- Y 0
- K 1
CMYK color chart

● #5a93fd color description : Soft blue.

The hexadecimal color #5a93fd has RGB values of R:90, G:147, B:253 and CMYK values of C:0.64, M:0.42, Y:0, K:0.01. Its decimal value is 5936125.

Hex triplet	5a93fd	`#5a93fd`
RGB Decimal	90, 147, 253	`rgb(90,147,253)`
RGB Percent	35.3, 57.6, 99.2	`rgb(35.3%,57.6%,99.2%)`
CMYK	64, 42, 0, 1
HSL	219°, 97.6, 67.3	`hsl(219,97.6%,67.3%)`
HSV (or HSB)	219°, 64.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	61.767, 13.99, -58.383
XYZ	32.376, 30.131, 97.033
xyY	0.203, 0.189, 30.131
CIE-LCH	61.767, 60.036, 283.475
CIE-LUV	61.767, -24.758, -95.254
Hunter-Lab	54.892, 9.222, -66.384
Binary	01011010, 10010011, 11111101

#5a93fd
```
#5a93fd rgb(90,147,253)
```
#fdc45a
```
#fdc45a rgb(253,196,90)
```

Complementary Color

#5ae5fd
```
#5ae5fd rgb(90,229,253)
```
#5a93fd
```
#5a93fd rgb(90,147,253)
```
#735afd
```
#735afd rgb(115,90,253)
```

Analogous Color

#e5fd5a
```
#e5fd5a rgb(229,253,90)
```
#5a93fd
```
#5a93fd rgb(90,147,253)
```
#fd735a
```
#fd735a rgb(253,115,90)
```

Split Complementary Color

#93fd5a
```
#93fd5a rgb(147,253,90)
```
#5a93fd
```
#5a93fd rgb(90,147,253)
```
#fd5a93
```
#fd5a93 rgb(253,90,147)
```

Triadic Color

#5afdc4
```
#5afdc4 rgb(90,253,196)
```
#5a93fd
```
#5a93fd rgb(90,147,253)
```
#fd5a93
```
#fd5a93 rgb(253,90,147)
```
#fdc45a
```
#fdc45a rgb(253,196,90)
```

Tetradic Color

#0e62fc
```
#0e62fc rgb(14,98,252)
```
#2872fc
```
#2872fc rgb(40,114,252)
```
#4183fd
```
#4183fd rgb(65,131,253)
```
#5a93fd
```
#5a93fd rgb(90,147,253)
```
#73a3fd
```
#73a3fd rgb(115,163,253)
```
#8cb4fe
```
#8cb4fe rgb(140,180,254)
```
#a6c4fe
```
#a6c4fe rgb(166,196,254)
```

Monochromatic Color

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

#5abcfd
```
#5abcfd rgb(90,188,253)
```
#5aaefd
```
#5aaefd rgb(90,174,253)
```
#5aa1fd
```
#5aa1fd rgb(90,161,253)
```
#5a93fd
```
#5a93fd rgb(90,147,253)
```
#5a85fd
```
#5a85fd rgb(90,133,253)
```
#5a78fd
```
#5a78fd rgb(90,120,253)
```
#5a6afd
```
#5a6afd rgb(90,106,253)
```

Similar Colors

Text with hexadecimal color #5a93fd

This text has a font color of #5a93fd.

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

#5a93fd background color

This paragraph has a background color of #5a93fd.

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

#5a93fd border color

This element has a border color of #5a93fd.

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

CSS codes

.text {color:#5a93fd;}

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

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

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, #000309 is the darkest color, while #f5f8ff is the lightest one.

#000309
```
#000309 rgb(0,3,9)
```
#000a1d
```
#000a1d rgb(0,10,29)
```
#011130
```
#011130 rgb(1,17,48)
```
#011844
```
#011844 rgb(1,24,68)
```
#011f57
```
#011f57 rgb(1,31,87)
```
#01266a
```
#01266a rgb(1,38,106)
```
#022d7e
```
#022d7e rgb(2,45,126)
```
#023491
```
#023491 rgb(2,52,145)
```
#023ba4
```
#023ba4 rgb(2,59,164)
```
#0242b8
```
#0242b8 rgb(2,66,184)
```
#0249cb
```
#0249cb rgb(2,73,203)
```
#0350df
```
#0350df rgb(3,80,223)
```
#0357f2
```
#0357f2 rgb(3,87,242)
```

Shade Color Variation

#0c60fc
```
#0c60fc rgb(12,96,252)
```
#206dfc
```
#206dfc rgb(32,109,252)
```
#337afd
```
#337afd rgb(51,122,253)
```
#4786fd
```
#4786fd rgb(71,134,253)
```
#5a93fd
```
#5a93fd rgb(90,147,253)
```
#6da0fd
```
#6da0fd rgb(109,160,253)
```
#81acfd
```
#81acfd rgb(129,172,253)
```
#94b9fe
```
#94b9fe rgb(148,185,254)
```
#a8c6fe
```
#a8c6fe rgb(168,198,254)
```
#bbd2fe
```
#bbd2fe rgb(187,210,254)
```
#cedffe
```
#cedffe rgb(206,223,254)
```
#e2ecff
```
#e2ecff rgb(226,236,255)
```
#f5f8ff
```
#f5f8ff rgb(245,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a7aab0 is the less saturated color, while #5a93fd is the most saturated one.

#a7aab0
```
#a7aab0 rgb(167,170,176)
```
#a1a8b6
```
#a1a8b6 rgb(161,168,182)
```
#9aa6bd
```
#9aa6bd rgb(154,166,189)
```
#94a4c3
```
#94a4c3 rgb(148,164,195)
```
#8da2ca
```
#8da2ca rgb(141,162,202)
```
#87a1d0
```
#87a1d0 rgb(135,161,208)
```
#819fd6
```
#819fd6 rgb(129,159,214)
```
#7a9ddd
```
#7a9ddd rgb(122,157,221)
```
#749be3
```
#749be3 rgb(116,155,227)
```
#6d99ea
```
#6d99ea rgb(109,153,234)
```
#6797f0
```
#6797f0 rgb(103,151,240)
```
#6095f7
```
#6095f7 rgb(96,149,247)
```
#5a93fd
```
#5a93fd rgb(90,147,253)
```

Tone Color Variation

Below, you can see how #5a93fd 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
#848fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a97fc Protanopia 1% of men
#499cfb Deuteranopia 1% of men
#21a9b5 Tritanopia 0.001% of the population

Trichromacy

#6495fc Protanomaly 1% of men, 0.01% of women
#4f98fc Deuteranomaly 6% of men, 0.4% of women
#35a1cf Tritanomaly 0.01% of the population

#5a93fd hex color

#5a93fd Color Information

#5a93fd Color Conversion

Color Schemes with #5a93fd

Alternatives to #5a93fd

#5a93fd Preview

Shades and Tints of #5a93fd

Tones of #5a93fd

Color Blindness Simulator