#5d6dfa hex color

In a RGB color space, hex #5d6dfa is composed of 36.5% red, 42.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 56.4% magenta, 0% yellow and 2% black. It has a hue angle of 233.9 degrees, a saturation of 94% and a lightness of 67.3%. #5d6dfa color hex could be obtained by blending #badaff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 43
- B 98
RGB color chart
- C 63
- M 56
- Y 0
- K 2
CMYK color chart

● #5d6dfa color description : Soft blue.

The hexadecimal color #5d6dfa has RGB values of R:93, G:109, B:250 and CMYK values of C:0.63, M:0.56, Y:0, K:0.02. Its decimal value is 6123002.

Hex triplet	5d6dfa	`#5d6dfa`
RGB Decimal	93, 109, 250	`rgb(93,109,250)`
RGB Percent	36.5, 42.7, 98	`rgb(36.5%,42.7%,98%)`
CMYK	63, 56, 0, 2
HSL	233.9°, 94, 67.3	`hsl(233.9,94%,67.3%)`
HSV (or HSB)	233.9°, 62.8, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.023, 36.429, -72.406
XYZ	27.235, 20.165, 92.894
xyY	0.194, 0.144, 20.165
CIE-LCH	52.023, 81.054, 296.708
CIE-LUV	52.023, -12.701, -114.994
Hunter-Lab	44.906, 29.673, -91.217
Binary	01011101, 01101101, 11111010

#5d6dfa
```
#5d6dfa rgb(93,109,250)
```
#faea5d
```
#faea5d rgb(250,234,93)
```

Complementary Color

#5dbcfa
```
#5dbcfa rgb(93,188,250)
```
#5d6dfa
```
#5d6dfa rgb(93,109,250)
```
#9c5dfa
```
#9c5dfa rgb(156,93,250)
```

Analogous Color

#bcfa5d
```
#bcfa5d rgb(188,250,93)
```
#5d6dfa
```
#5d6dfa rgb(93,109,250)
```
#fa9c5d
```
#fa9c5d rgb(250,156,93)
```

Split Complementary Color

#6dfa5d
```
#6dfa5d rgb(109,250,93)
```
#5d6dfa
```
#5d6dfa rgb(93,109,250)
```
#fa5d6d
```
#fa5d6d rgb(250,93,109)
```

Triadic Color

#5dfaea
```
#5dfaea rgb(93,250,234)
```
#5d6dfa
```
#5d6dfa rgb(93,109,250)
```
#fa5d6d
```
#fa5d6d rgb(250,93,109)
```
#faea5d
```
#faea5d rgb(250,234,93)
```

Tetradic Color

#132af8
```
#132af8 rgb(19,42,248)
```
#2c40f8
```
#2c40f8 rgb(44,64,248)
```
#4457f9
```
#4457f9 rgb(68,87,249)
```
#5d6dfa
```
#5d6dfa rgb(93,109,250)
```
#7683fb
```
#7683fb rgb(118,131,251)
```
#8e9afc
```
#8e9afc rgb(142,154,252)
```
#a7b0fc
```
#a7b0fc rgb(167,176,252)
```

Monochromatic Color

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

#5d94fa
```
#5d94fa rgb(93,148,250)
```
#5d87fa
```
#5d87fa rgb(93,135,250)
```
#5d7afa
```
#5d7afa rgb(93,122,250)
```
#5d6dfa
```
#5d6dfa rgb(93,109,250)
```
#5d60fa
```
#5d60fa rgb(93,96,250)
```
#675dfa
```
#675dfa rgb(103,93,250)
```
#745dfa
```
#745dfa rgb(116,93,250)
```

Similar Colors

Text with hexadecimal color #5d6dfa

This text has a font color of #5d6dfa.

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

#5d6dfa background color

This paragraph has a background color of #5d6dfa.

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

#5d6dfa border color

This element has a border color of #5d6dfa.

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

CSS codes

.text {color:#5d6dfa;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#01041c
```
#01041c rgb(1,4,28)
```
#01062f
```
#01062f rgb(1,6,47)
```
#020942
```
#020942 rgb(2,9,66)
```
#030b55
```
#030b55 rgb(3,11,85)
```
#030e68
```
#030e68 rgb(3,14,104)
```
#04107b
```
#04107b rgb(4,16,123)
```
#04128e
```
#04128e rgb(4,18,142)
```
#0515a1
```
#0515a1 rgb(5,21,161)
```
#0617b5
```
#0617b5 rgb(6,23,181)
```
#061ac8
```
#061ac8 rgb(6,26,200)
```
#071cdb
```
#071cdb rgb(7,28,219)
```
#071fee
```
#071fee rgb(7,31,238)
```

Shade Color Variation

#1128f8
```
#1128f8 rgb(17,40,248)
```
#243af8
```
#243af8 rgb(36,58,248)
```
#374bf9
```
#374bf9 rgb(55,75,249)
```
#4a5cf9
```
#4a5cf9 rgb(74,92,249)
```
#5d6dfa
```
#5d6dfa rgb(93,109,250)
```
#707efb
```
#707efb rgb(112,126,251)
```
#838ffb
```
#838ffb rgb(131,143,251)
```
#96a0fc
```
#96a0fc rgb(150,160,252)
```
#a9b2fc
```
#a9b2fc rgb(169,178,252)
```
#bcc3fd
```
#bcc3fd rgb(188,195,253)
```
#cfd4fe
```
#cfd4fe rgb(207,212,254)
```
#e2e5fe
```
#e2e5fe rgb(226,229,254)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

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

#aaaaad
```
#aaaaad rgb(170,170,173)
```
#a4a5b3
```
#a4a5b3 rgb(164,165,179)
```
#9da0ba
```
#9da0ba rgb(157,160,186)
```
#979bc0
```
#979bc0 rgb(151,155,192)
```
#9096c7
```
#9096c7 rgb(144,150,199)
```
#8a91cd
```
#8a91cd rgb(138,145,205)
```
#848cd3
```
#848cd3 rgb(132,140,211)
```
#7d87da
```
#7d87da rgb(125,135,218)
```
#7781e0
```
#7781e0 rgb(119,129,224)
```
#707ce7
```
#707ce7 rgb(112,124,231)
```
#6a77ed
```
#6a77ed rgb(106,119,237)
```
#6372f4
```
#6372f4 rgb(99,114,244)
```
#5d6dfa
```
#5d6dfa rgb(93,109,250)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#737692 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ef8 Protanopia 1% of men
#0085da Deuteranopia 1% of men
#008f99 Tritanopia 0.001% of the population

Trichromacy

#2178f9 Protanomaly 1% of men, 0.01% of women
#217ce5 Deuteranomaly 6% of men, 0.4% of women
#2183bc Tritanomaly 0.01% of the population

#5d6dfa hex color

#5d6dfa Color Information

#5d6dfa Color Conversion

Color Schemes with #5d6dfa

Alternatives to #5d6dfa

#5d6dfa Preview

Shades and Tints of #5d6dfa

Tones of #5d6dfa

Color Blindness Simulator