#5d7afe hex color

In a RGB color space, hex #5d7afe is composed of 36.5% red, 47.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 52% magenta, 0% yellow and 0.4% black. It has a hue angle of 229.2 degrees, a saturation of 98.8% and a lightness of 68%. #5d7afe color hex could be obtained by blending #baf4ff with #0000fd. Closest websafe color is: #6666ff.

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

● #5d7afe color description : Soft blue.

The hexadecimal color #5d7afe has RGB values of R:93, G:122, B:254 and CMYK values of C:0.63, M:0.52, Y:0, K:0. Its decimal value is 6126334.

Hex triplet	5d7afe	`#5d7afe`
RGB Decimal	93, 122, 254	`rgb(93,122,254)`
RGB Percent	36.5, 47.8, 99.6	`rgb(36.5%,47.8%,99.6%)`
CMYK	63, 52, 0, 0
HSL	229.2°, 98.8, 68	`hsl(229.2,98.8%,68%)`
HSV (or HSB)	229.2°, 63.4, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.482, 29.878, -69.018
XYZ	29.359, 23.4, 96.73
xyY	0.196, 0.157, 23.4
CIE-LCH	55.482, 75.208, 293.408
CIE-LUV	55.482, -16.376, -111.266
Hunter-Lab	48.374, 23.682, -84.696
Binary	01011101, 01111010, 11111110

#5d7afe
```
#5d7afe rgb(93,122,254)
```
#fee15d
```
#fee15d rgb(254,225,93)
```

Complementary Color

#5dcbfe
```
#5dcbfe rgb(93,203,254)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```
#915dfe
```
#915dfe rgb(145,93,254)
```

Analogous Color

#cbfe5d
```
#cbfe5d rgb(203,254,93)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```
#fe915d
```
#fe915d rgb(254,145,93)
```

Split Complementary Color

#7afe5d
```
#7afe5d rgb(122,254,93)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```
#fe5d7a
```
#fe5d7a rgb(254,93,122)
```

Triadic Color

#5dfee1
```
#5dfee1 rgb(93,254,225)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```
#fe5d7a
```
#fe5d7a rgb(254,93,122)
```
#fee15d
```
#fee15d rgb(254,225,93)
```

Tetradic Color

#113cfe
```
#113cfe rgb(17,60,254)
```
#2a50fe
```
#2a50fe rgb(42,80,254)
```
#4465fe
```
#4465fe rgb(68,101,254)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```
#768ffe
```
#768ffe rgb(118,143,254)
```
#90a4fe
```
#90a4fe rgb(144,164,254)
```
#a9b8fe
```
#a9b8fe rgb(169,184,254)
```

Monochromatic Color

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

#5da2fe
```
#5da2fe rgb(93,162,254)
```
#5d95fe
```
#5d95fe rgb(93,149,254)
```
#5d87fe
```
#5d87fe rgb(93,135,254)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```
#5d6dfe
```
#5d6dfe rgb(93,109,254)
```
#5d5ffe
```
#5d5ffe rgb(93,95,254)
```
#685dfe
```
#685dfe rgb(104,93,254)
```

Similar Colors

Text with hexadecimal color #5d7afe

This text has a font color of #5d7afe.

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

#5d7afe background color

This paragraph has a background color of #5d7afe.

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

#5d7afe border color

This element has a border color of #5d7afe.

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

CSS codes

.text {color:#5d7afe;}

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

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

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

#00020d
```
#00020d rgb(0,2,13)
```
#000621
```
#000621 rgb(0,6,33)
```
#000a34
```
#000a34 rgb(0,10,52)
```
#000d48
```
#000d48 rgb(0,13,72)
```
#01115b
```
#01115b rgb(1,17,91)
```
#01156f
```
#01156f rgb(1,21,111)
```
#011882
```
#011882 rgb(1,24,130)
```
#011c96
```
#011c96 rgb(1,28,150)
```
#011fa9
```
#011fa9 rgb(1,31,169)
```
#0123bd
```
#0123bd rgb(1,35,189)
```
#0127d0
```
#0127d0 rgb(1,39,208)
```
#012ae4
```
#012ae4 rgb(1,42,228)
```
#022ef7
```
#022ef7 rgb(2,46,247)
```

Shade Color Variation

#0f3afe
```
#0f3afe rgb(15,58,254)
```
#234afe
```
#234afe rgb(35,74,254)
```
#365afe
```
#365afe rgb(54,90,254)
```
#4a6afe
```
#4a6afe rgb(74,106,254)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```
#708afe
```
#708afe rgb(112,138,254)
```
#849afe
```
#849afe rgb(132,154,254)
```
#97aafe
```
#97aafe rgb(151,170,254)
```
#abbafe
```
#abbafe rgb(171,186,254)
```
#becaff
```
#becaff rgb(190,202,255)
```
#d2daff
```
#d2daff rgb(210,218,255)
```
#e5eaff
```
#e5eaff rgb(229,234,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

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

#a8aab3
```
#a8aab3 rgb(168,170,179)
```
#a2a6b9
```
#a2a6b9 rgb(162,166,185)
```
#9ca2bf
```
#9ca2bf rgb(156,162,191)
```
#959ec6
```
#959ec6 rgb(149,158,198)
```
#8f9acc
```
#8f9acc rgb(143,154,204)
```
#8996d2
```
#8996d2 rgb(137,150,210)
```
#8392d8
```
#8392d8 rgb(131,146,216)
```
#7c8edf
```
#7c8edf rgb(124,142,223)
```
#768ae5
```
#768ae5 rgb(118,138,229)
```
#7086eb
```
#7086eb rgb(112,134,235)
```
#6a82f1
```
#6a82f1 rgb(106,130,241)
```
#637ef8
```
#637ef8 rgb(99,126,248)
```
#5d7afe
```
#5d7afe rgb(93,122,254)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#797f99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#4582fe Protanomaly 1% of men, 0.01% of women
#2186f1 Deuteranomaly 6% of men, 0.4% of women
#218dc4 Tritanomaly 0.01% of the population

#5d7afe hex color

#5d7afe Color Information

#5d7afe Color Conversion

Color Schemes with #5d7afe

Alternatives to #5d7afe

#5d7afe Preview

Shades and Tints of #5d7afe

Tones of #5d7afe

Color Blindness Simulator