#5da1fd hex color

In a RGB color space, hex #5da1fd is composed of 36.5% red, 63.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 36.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 214.5 degrees, a saturation of 97.6% and a lightness of 67.8%. #5da1fd color hex could be obtained by blending #baffff with #0043fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 63
- B 99
RGB color chart
- C 63
- M 36
- Y 0
- K 1
CMYK color chart

● #5da1fd color description : Soft blue.

The hexadecimal color #5da1fd has RGB values of R:93, G:161, B:253 and CMYK values of C:0.63, M:0.36, Y:0, K:0.01. Its decimal value is 6136317.

Hex triplet	5da1fd	`#5da1fd`
RGB Decimal	93, 161, 253	`rgb(93,161,253)`
RGB Percent	36.5, 63.1, 99.2	`rgb(36.5%,63.1%,99.2%)`
CMYK	63, 36, 0, 1
HSL	214.5°, 97.6, 67.8	`hsl(214.5,97.6%,67.8%)`
HSV (or HSB)	214.5°, 63.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	65.676, 6.279, -52.161
XYZ	34.985, 34.906, 97.817
xyY	0.209, 0.208, 34.906
CIE-LCH	65.676, 52.537, 276.864
CIE-LUV	65.676, -28.686, -85.054
Hunter-Lab	59.082, 2.304, -56.805
Binary	01011101, 10100001, 11111101

#5da1fd
```
#5da1fd rgb(93,161,253)
```
#fdb95d
```
#fdb95d rgb(253,185,93)
```

Complementary Color

#5df1fd
```
#5df1fd rgb(93,241,253)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```
#695dfd
```
#695dfd rgb(105,93,253)
```

Analogous Color

#f1fd5d
```
#f1fd5d rgb(241,253,93)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```
#fd695d
```
#fd695d rgb(253,105,93)
```

Split Complementary Color

#a1fd5d
```
#a1fd5d rgb(161,253,93)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```
#fd5da1
```
#fd5da1 rgb(253,93,161)
```

Triadic Color

#5dfdb9
```
#5dfdb9 rgb(93,253,185)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```
#fd5da1
```
#fd5da1 rgb(253,93,161)
```
#fdb95d
```
#fdb95d rgb(253,185,93)
```

Tetradic Color

#1175fc
```
#1175fc rgb(17,117,252)
```
#2b84fc
```
#2b84fc rgb(43,132,252)
```
#4492fd
```
#4492fd rgb(68,146,253)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```
#76b0fd
```
#76b0fd rgb(118,176,253)
```
#8fbefe
```
#8fbefe rgb(143,190,254)
```
#a9cdfe
```
#a9cdfe rgb(169,205,254)
```

Monochromatic Color

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

#5dc9fd
```
#5dc9fd rgb(93,201,253)
```
#5dbcfd
```
#5dbcfd rgb(93,188,253)
```
#5daefd
```
#5daefd rgb(93,174,253)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```
#5d94fd
```
#5d94fd rgb(93,148,253)
```
#5d86fd
```
#5d86fd rgb(93,134,253)
```
#5d79fd
```
#5d79fd rgb(93,121,253)
```

Similar Colors

Text with hexadecimal color #5da1fd

This text has a font color of #5da1fd.

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

#5da1fd background color

This paragraph has a background color of #5da1fd.

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

#5da1fd border color

This element has a border color of #5da1fd.

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

CSS codes

.text {color:#5da1fd;}

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

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

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, #00050c is the darkest color, while #f8fbff is the lightest one.

#00050c
```
#00050c rgb(0,5,12)
```
#000e20
```
#000e20 rgb(0,14,32)
```
#011633
```
#011633 rgb(1,22,51)
```
#011e47
```
#011e47 rgb(1,30,71)
```
#01275a
```
#01275a rgb(1,39,90)
```
#012f6d
```
#012f6d rgb(1,47,109)
```
#023881
```
#023881 rgb(2,56,129)
```
#024094
```
#024094 rgb(2,64,148)
```
#0248a7
```
#0248a7 rgb(2,72,167)
```
#0251bb
```
#0251bb rgb(2,81,187)
```
#0359ce
```
#0359ce rgb(3,89,206)
```
#0361e2
```
#0361e2 rgb(3,97,226)
```
#036af5
```
#036af5 rgb(3,106,245)
```

Shade Color Variation

#0f74fc
```
#0f74fc rgb(15,116,252)
```
#237ffc
```
#237ffc rgb(35,127,252)
```
#368bfd
```
#368bfd rgb(54,139,253)
```
#4a96fd
```
#4a96fd rgb(74,150,253)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```
#70acfd
```
#70acfd rgb(112,172,253)
```
#84b7fd
```
#84b7fd rgb(132,183,253)
```
#97c3fe
```
#97c3fe rgb(151,195,254)
```
#abcefe
```
#abcefe rgb(171,206,254)
```
#bed9fe
```
#bed9fe rgb(190,217,254)
```
#d1e4fe
```
#d1e4fe rgb(209,228,254)
```
#e5f0ff
```
#e5f0ff rgb(229,240,255)
```
#f8fbff
```
#f8fbff rgb(248,251,255)
```

Tint Color Variation

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

#a9acb1
```
#a9acb1 rgb(169,172,177)
```
#a2abb8
```
#a2abb8 rgb(162,171,184)
```
#9caabe
```
#9caabe rgb(156,170,190)
```
#96aac4
```
#96aac4 rgb(150,170,196)
```
#8fa9cb
```
#8fa9cb rgb(143,169,203)
```
#89a8d1
```
#89a8d1 rgb(137,168,209)
```
#83a7d7
```
#83a7d7 rgb(131,167,215)
```
#7da6dd
```
#7da6dd rgb(125,166,221)
```
#76a5e4
```
#76a5e4 rgb(118,165,228)
```
#70a4ea
```
#70a4ea rgb(112,164,234)
```
#6aa3f0
```
#6aa3f0 rgb(106,163,240)
```
#63a2f7
```
#63a2f7 rgb(99,162,247)
```
#5da1fd
```
#5da1fd rgb(93,161,253)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#8b99ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#80a1f9 Protanopia 1% of men
#6aa5fd Deuteranopia 1% of men
#37b3c0 Tritanopia 0.001% of the population

Trichromacy

#73a1fa Protanomaly 1% of men, 0.01% of women
#65a3fd Deuteranomaly 6% of men, 0.4% of women
#45acd6 Tritanomaly 0.01% of the population

#5da1fd hex color

#5da1fd Color Information

#5da1fd Color Conversion

Color Schemes with #5da1fd

Alternatives to #5da1fd

#5da1fd Preview

Shades and Tints of #5da1fd

Tones of #5da1fd

Color Blindness Simulator