#5d9afe hex color

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

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

● #5d9afe color description : Soft blue.

The hexadecimal color #5d9afe has RGB values of R:93, G:154, B:254 and CMYK values of C:0.63, M:0.39, Y:0, K:0. Its decimal value is 6134526.

Hex triplet	5d9afe	`#5d9afe`
RGB Decimal	93, 154, 254	`rgb(93,154,254)`
RGB Percent	36.5, 60.4, 99.6	`rgb(36.5%,60.4%,99.6%)`
CMYK	63, 39, 0, 0
HSL	217.3°, 98.8, 68	`hsl(217.3,98.8%,68%)`
HSV (or HSB)	217.3°, 63.4, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.829, 10.689, -55.637
XYZ	33.955, 32.592, 98.262
xyY	0.206, 0.198, 32.592
CIE-LCH	63.829, 56.654, 280.875
CIE-LUV	63.829, -26.323, -90.926
Hunter-Lab	57.089, 6.261, -62.087
Binary	01011101, 10011010, 11111110

#5d9afe
```
#5d9afe rgb(93,154,254)
```
#fec15d
```
#fec15d rgb(254,193,93)
```

Complementary Color

#5debfe
```
#5debfe rgb(93,235,254)
```
#5d9afe
```
#5d9afe rgb(93,154,254)
```
#715dfe
```
#715dfe rgb(113,93,254)
```

Analogous Color

#ebfe5d
```
#ebfe5d rgb(235,254,93)
```
#5d9afe
```
#5d9afe rgb(93,154,254)
```
#fe715d
```
#fe715d rgb(254,113,93)
```

Split Complementary Color

#9afe5d
```
#9afe5d rgb(154,254,93)
```
#5d9afe
```
#5d9afe rgb(93,154,254)
```
#fe5d9a
```
#fe5d9a rgb(254,93,154)
```

Triadic Color

#5dfec1
```
#5dfec1 rgb(93,254,193)
```
#5d9afe
```
#5d9afe rgb(93,154,254)
```
#fe5d9a
```
#fe5d9a rgb(254,93,154)
```
#fec15d
```
#fec15d rgb(254,193,93)
```

Tetradic Color

#116bfe
```
#116bfe rgb(17,107,254)
```
#2a7afe
```
#2a7afe rgb(42,122,254)
```
#448afe
```
#448afe rgb(68,138,254)
```
#5d9afe
```
#5d9afe rgb(93,154,254)
```
#76aafe
```
#76aafe rgb(118,170,254)
```
#90bafe
```
#90bafe rgb(144,186,254)
```
#a9c9fe
```
#a9c9fe rgb(169,201,254)
```

Monochromatic Color

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

#5dc2fe
```
#5dc2fe rgb(93,194,254)
```
#5db5fe
```
#5db5fe rgb(93,181,254)
```
#5da7fe
```
#5da7fe rgb(93,167,254)
```
#5d9afe
```
#5d9afe rgb(93,154,254)
```
#5d8dfe
```
#5d8dfe rgb(93,141,254)
```
#5d7ffe
```
#5d7ffe rgb(93,127,254)
```
#5d72fe
```
#5d72fe rgb(93,114,254)
```

Similar Colors

Text with hexadecimal color #5d9afe

This text has a font color of #5d9afe.

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

#5d9afe background color

This paragraph has a background color of #5d9afe.

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

#5d9afe border color

This element has a border color of #5d9afe.

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

CSS codes

.text {color:#5d9afe;}

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

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

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

#00050d
```
#00050d rgb(0,5,13)
```
#000d21
```
#000d21 rgb(0,13,33)
```
#001434
```
#001434 rgb(0,20,52)
```
#001c48
```
#001c48 rgb(0,28,72)
```
#01235b
```
#01235b rgb(1,35,91)
```
#012a6f
```
#012a6f rgb(1,42,111)
```
#013282
```
#013282 rgb(1,50,130)
```
#013996
```
#013996 rgb(1,57,150)
```
#0141a9
```
#0141a9 rgb(1,65,169)
```
#0148bd
```
#0148bd rgb(1,72,189)
```
#0150d0
```
#0150d0 rgb(1,80,208)
```
#0157e4
```
#0157e4 rgb(1,87,228)
```
#025ff7
```
#025ff7 rgb(2,95,247)
```

Shade Color Variation

#0f69fe
```
#0f69fe rgb(15,105,254)
```
#2376fe
```
#2376fe rgb(35,118,254)
```
#3682fe
```
#3682fe rgb(54,130,254)
```
#4a8efe
```
#4a8efe rgb(74,142,254)
```
#5d9afe
```
#5d9afe rgb(93,154,254)
```
#70a6fe
```
#70a6fe rgb(112,166,254)
```
#84b2fe
```
#84b2fe rgb(132,178,254)
```
#97befe
```
#97befe rgb(151,190,254)
```
#abcbfe
```
#abcbfe rgb(171,203,254)
```
#bed7ff
```
#bed7ff rgb(190,215,255)
```
#d2e3ff
```
#d2e3ff rgb(210,227,255)
```
#e5efff
```
#e5efff rgb(229,239,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#a8acb3
```
#a8acb3 rgb(168,172,179)
```
#a2abb9
```
#a2abb9 rgb(162,171,185)
```
#9ca9bf
```
#9ca9bf rgb(156,169,191)
```
#95a8c6
```
#95a8c6 rgb(149,168,198)
```
#8fa6cc
```
#8fa6cc rgb(143,166,204)
```
#89a5d2
```
#89a5d2 rgb(137,165,210)
```
#83a3d8
```
#83a3d8 rgb(131,163,216)
```
#7ca2df
```
#7ca2df rgb(124,162,223)
```
#76a0e5
```
#76a0e5 rgb(118,160,229)
```
#709feb
```
#709feb rgb(112,159,235)
```
#6a9df1
```
#6a9df1 rgb(106,157,241)
```
#639cf8
```
#639cf8 rgb(99,156,248)
```
#5d9afe
```
#5d9afe rgb(93,154,254)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8894a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#759cfc Protanopia 1% of men
#5ba0fd Deuteranopia 1% of men
#30aebb Tritanopia 0.001% of the population

Trichromacy

#6c9bfc Protanomaly 1% of men, 0.01% of women
#5b9efd Deuteranomaly 6% of men, 0.4% of women
#40a7d3 Tritanomaly 0.01% of the population

#5d9afe hex color

#5d9afe Color Information

#5d9afe Color Conversion

Color Schemes with #5d9afe

Alternatives to #5d9afe

#5d9afe Preview

Shades and Tints of #5d9afe

Tones of #5d9afe

Color Blindness Simulator