#5da5fe hex color

In a RGB color space, hex #5da5fe is composed of 36.5% red, 64.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 35% magenta, 0% yellow and 0.4% black. It has a hue angle of 213.2 degrees, a saturation of 98.8% and a lightness of 68%. #5da5fe color hex could be obtained by blending #baffff with #004bfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 65
- B 100
RGB color chart
- C 63
- M 35
- Y 0
- K 0
CMYK color chart

● #5da5fe color description : Soft blue.

The hexadecimal color #5da5fe has RGB values of R:93, G:165, B:254 and CMYK values of C:0.63, M:0.35, Y:0, K:0. Its decimal value is 6137342.

Hex triplet	5da5fe	`#5da5fe`
RGB Decimal	93, 165, 254	`rgb(93,165,254)`
RGB Percent	36.5, 64.7, 99.6	`rgb(36.5%,64.7%,99.6%)`
CMYK	63, 35, 0, 0
HSL	213.2°, 98.8, 68	`hsl(213.2,98.8%,68%)`
HSV (or HSB)	213.2°, 63.4, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.817, 4.304, -50.899
XYZ	35.855, 36.391, 98.895
xyY	0.21, 0.213, 36.391
CIE-LCH	66.817, 51.08, 274.834
CIE-LUV	66.817, -30.026, -82.937
Hunter-Lab	60.325, 0.525, -54.971
Binary	01011101, 10100101, 11111110

#5da5fe
```
#5da5fe rgb(93,165,254)
```
#feb65d
```
#feb65d rgb(254,182,93)
```

Complementary Color

#5df6fe
```
#5df6fe rgb(93,246,254)
```
#5da5fe
```
#5da5fe rgb(93,165,254)
```
#665dfe
```
#665dfe rgb(102,93,254)
```

Analogous Color

#f6fe5d
```
#f6fe5d rgb(246,254,93)
```
#5da5fe
```
#5da5fe rgb(93,165,254)
```
#fe665d
```
#fe665d rgb(254,102,93)
```

Split Complementary Color

#a5fe5d
```
#a5fe5d rgb(165,254,93)
```
#5da5fe
```
#5da5fe rgb(93,165,254)
```
#fe5da5
```
#fe5da5 rgb(254,93,165)
```

Triadic Color

#5dfeb6
```
#5dfeb6 rgb(93,254,182)
```
#5da5fe
```
#5da5fe rgb(93,165,254)
```
#fe5da5
```
#fe5da5 rgb(254,93,165)
```
#feb65d
```
#feb65d rgb(254,182,93)
```

Tetradic Color

#117bfe
```
#117bfe rgb(17,123,254)
```
#2a89fe
```
#2a89fe rgb(42,137,254)
```
#4497fe
```
#4497fe rgb(68,151,254)
```
#5da5fe
```
#5da5fe rgb(93,165,254)
```
#76b3fe
```
#76b3fe rgb(118,179,254)
```
#90c1fe
```
#90c1fe rgb(144,193,254)
```
#a9cffe
```
#a9cffe rgb(169,207,254)
```

Monochromatic Color

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

#5dcdfe
```
#5dcdfe rgb(93,205,254)
```
#5dc0fe
```
#5dc0fe rgb(93,192,254)
```
#5db2fe
```
#5db2fe rgb(93,178,254)
```
#5da5fe
```
#5da5fe rgb(93,165,254)
```
#5d98fe
```
#5d98fe rgb(93,152,254)
```
#5d8afe
```
#5d8afe rgb(93,138,254)
```
#5d7dfe
```
#5d7dfe rgb(93,125,254)
```

Similar Colors

Text with hexadecimal color #5da5fe

This text has a font color of #5da5fe.

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

#5da5fe background color

This paragraph has a background color of #5da5fe.

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

#5da5fe border color

This element has a border color of #5da5fe.

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

CSS codes

.text {color:#5da5fe;}

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

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

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, #00060d is the darkest color, while #f9fcff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#000f21
```
#000f21 rgb(0,15,33)
```
#001834
```
#001834 rgb(0,24,52)
```
#002048
```
#002048 rgb(0,32,72)
```
#01295b
```
#01295b rgb(1,41,91)
```
#01326f
```
#01326f rgb(1,50,111)
```
#013b82
```
#013b82 rgb(1,59,130)
```
#014496
```
#014496 rgb(1,68,150)
```
#014ca9
```
#014ca9 rgb(1,76,169)
```
#0155bd
```
#0155bd rgb(1,85,189)
```
#015ed0
```
#015ed0 rgb(1,94,208)
```
#0167e4
```
#0167e4 rgb(1,103,228)
```
#026ff7
```
#026ff7 rgb(2,111,247)
```

Shade Color Variation

#0f7afe
```
#0f7afe rgb(15,122,254)
```
#2385fe
```
#2385fe rgb(35,133,254)
```
#368ffe
```
#368ffe rgb(54,143,254)
```
#4a9afe
```
#4a9afe rgb(74,154,254)
```
#5da5fe
```
#5da5fe rgb(93,165,254)
```
#70b0fe
```
#70b0fe rgb(112,176,254)
```
#84bbfe
```
#84bbfe rgb(132,187,254)
```
#97c5fe
```
#97c5fe rgb(151,197,254)
```
#abd0fe
```
#abd0fe rgb(171,208,254)
```
#bedbff
```
#bedbff rgb(190,219,255)
```
#d2e6ff
```
#d2e6ff rgb(210,230,255)
```
#e5f1ff
```
#e5f1ff rgb(229,241,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#a8adb3
```
#a8adb3 rgb(168,173,179)
```
#a2acb9
```
#a2acb9 rgb(162,172,185)
```
#9cacbf
```
#9cacbf rgb(156,172,191)
```
#95abc6
```
#95abc6 rgb(149,171,198)
```
#8faacc
```
#8faacc rgb(143,170,204)
```
#89aad2
```
#89aad2 rgb(137,170,210)
```
#83a9d8
```
#83a9d8 rgb(131,169,216)
```
#7ca8df
```
#7ca8df rgb(124,168,223)
```
#76a8e5
```
#76a8e5 rgb(118,168,229)
```
#70a7eb
```
#70a7eb rgb(112,167,235)
```
#6aa6f1
```
#6aa6f1 rgb(106,166,241)
```
#63a6f8
```
#63a6f8 rgb(99,166,248)
```
#5da5fe
```
#5da5fe rgb(93,165,254)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8e9cae Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a4fa Protanopia 1% of men
#71a7fe Deuteranopia 1% of men
#39b6c3 Tritanopia 0.001% of the population

Trichromacy

#76a4fb Protanomaly 1% of men, 0.01% of women
#69a6fe Deuteranomaly 6% of men, 0.4% of women
#46b0d8 Tritanomaly 0.01% of the population

#5da5fe hex color

#5da5fe Color Information

#5da5fe Color Conversion

Color Schemes with #5da5fe

Alternatives to #5da5fe

#5da5fe Preview

Shades and Tints of #5da5fe

Tones of #5da5fe

Color Blindness Simulator