#5d83fd hex color

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

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

● #5d83fd color description : Soft blue.

The hexadecimal color #5d83fd has RGB values of R:93, G:131, B:253 and CMYK values of C:0.63, M:0.48, Y:0, K:0.01. Its decimal value is 6128637.

Hex triplet	5d83fd	`#5d83fd`
RGB Decimal	93, 131, 253	`rgb(93,131,253)`
RGB Percent	36.5, 51.4, 99.2	`rgb(36.5%,51.4%,99.2%)`
CMYK	63, 48, 0, 1
HSL	225.8°, 97.6, 67.8	`hsl(225.8,97.6%,67.8%)`
HSV (or HSB)	225.8°, 63.2, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.703, 24.089, -64.887
XYZ	30.356, 25.65, 96.274
xyY	0.199, 0.168, 25.65
CIE-LCH	57.703, 69.214, 290.367
CIE-LUV	57.703, -19.01, -105.314
Hunter-Lab	50.646, 18.361, -77.255
Binary	01011101, 10000011, 11111101

#5d83fd
```
#5d83fd rgb(93,131,253)
```
#fdd75d
```
#fdd75d rgb(253,215,93)
```

Complementary Color

#5dd3fd
```
#5dd3fd rgb(93,211,253)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```
#875dfd
```
#875dfd rgb(135,93,253)
```

Analogous Color

#d3fd5d
```
#d3fd5d rgb(211,253,93)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```
#fd875d
```
#fd875d rgb(253,135,93)
```

Split Complementary Color

#83fd5d
```
#83fd5d rgb(131,253,93)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```
#fd5d83
```
#fd5d83 rgb(253,93,131)
```

Triadic Color

#5dfdd7
```
#5dfdd7 rgb(93,253,215)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```
#fd5d83
```
#fd5d83 rgb(253,93,131)
```
#fdd75d
```
#fdd75d rgb(253,215,93)
```

Tetradic Color

#1149fc
```
#1149fc rgb(17,73,252)
```
#2b5cfc
```
#2b5cfc rgb(43,92,252)
```
#4470fd
```
#4470fd rgb(68,112,253)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```
#7696fd
```
#7696fd rgb(118,150,253)
```
#8faafe
```
#8faafe rgb(143,170,254)
```
#a9bdfe
```
#a9bdfe rgb(169,189,254)
```

Monochromatic Color

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

#5dabfd
```
#5dabfd rgb(93,171,253)
```
#5d9efd
```
#5d9efd rgb(93,158,253)
```
#5d90fd
```
#5d90fd rgb(93,144,253)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```
#5d76fd
```
#5d76fd rgb(93,118,253)
```
#5d68fd
```
#5d68fd rgb(93,104,253)
```
#5f5dfd
```
#5f5dfd rgb(95,93,253)
```

Similar Colors

Text with hexadecimal color #5d83fd

This text has a font color of #5d83fd.

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

#5d83fd background color

This paragraph has a background color of #5d83fd.

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

#5d83fd border color

This element has a border color of #5d83fd.

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

CSS codes

.text {color:#5d83fd;}

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

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

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

#00030c
```
#00030c rgb(0,3,12)
```
#000820
```
#000820 rgb(0,8,32)
```
#010d33
```
#010d33 rgb(1,13,51)
```
#011147
```
#011147 rgb(1,17,71)
```
#01165a
```
#01165a rgb(1,22,90)
```
#011b6d
```
#011b6d rgb(1,27,109)
```
#022081
```
#022081 rgb(2,32,129)
```
#022594
```
#022594 rgb(2,37,148)
```
#0229a7
```
#0229a7 rgb(2,41,167)
```
#022ebb
```
#022ebb rgb(2,46,187)
```
#0333ce
```
#0333ce rgb(3,51,206)
```
#0338e2
```
#0338e2 rgb(3,56,226)
```
#033cf5
```
#033cf5 rgb(3,60,245)
```

Shade Color Variation

#0f48fc
```
#0f48fc rgb(15,72,252)
```
#2357fc
```
#2357fc rgb(35,87,252)
```
#3665fd
```
#3665fd rgb(54,101,253)
```
#4a74fd
```
#4a74fd rgb(74,116,253)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```
#7092fd
```
#7092fd rgb(112,146,253)
```
#84a1fd
```
#84a1fd rgb(132,161,253)
```
#97affe
```
#97affe rgb(151,175,254)
```
#abbefe
```
#abbefe rgb(171,190,254)
```
#becdfe
```
#becdfe rgb(190,205,254)
```
#d1dcfe
```
#d1dcfe rgb(209,220,254)
```
#e5ebff
```
#e5ebff rgb(229,235,255)
```
#f8faff
```
#f8faff rgb(248,250,255)
```

Tint Color Variation

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

#a9abb1
```
#a9abb1 rgb(169,171,177)
```
#a2a7b8
```
#a2a7b8 rgb(162,167,184)
```
#9ca4be
```
#9ca4be rgb(156,164,190)
```
#96a1c4
```
#96a1c4 rgb(150,161,196)
```
#8f9dcb
```
#8f9dcb rgb(143,157,203)
```
#899ad1
```
#899ad1 rgb(137,154,209)
```
#8397d7
```
#8397d7 rgb(131,151,215)
```
#7d94dd
```
#7d94dd rgb(125,148,221)
```
#7690e4
```
#7690e4 rgb(118,144,228)
```
#708dea
```
#708dea rgb(112,141,234)
```
#6a8af0
```
#6a8af0 rgb(106,138,240)
```
#6386f7
```
#6386f7 rgb(99,134,247)
```
#5d83fd
```
#5d83fd rgb(93,131,253)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7e859e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8cff Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#179eaa Tritanopia 0.001% of the population

Trichromacy

#5289fe Protanomaly 1% of men, 0.01% of women
#218df7 Deuteranomaly 6% of men, 0.4% of women
#3094c8 Tritanomaly 0.01% of the population

#5d83fd hex color

#5d83fd Color Information

#5d83fd Color Conversion

Color Schemes with #5d83fd

Alternatives to #5d83fd

#5d83fd Preview

Shades and Tints of #5d83fd

Tones of #5d83fd

Color Blindness Simulator