#5d83df hex color

In a RGB color space, hex #5d83df is composed of 36.5% red, 51.4% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 41.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 222.5 degrees, a saturation of 67% and a lightness of 62%. #5d83df color hex could be obtained by blending #baffff with #0007bf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 51
- B 87
RGB color chart
- C 58
- M 41
- Y 0
- K 13
CMYK color chart

● #5d83df color description : Soft blue.

The hexadecimal color #5d83df has RGB values of R:93, G:131, B:223 and CMYK values of C:0.58, M:0.41, Y:0, K:0.13. Its decimal value is 6128607.

Hex triplet	5d83df	`#5d83df`
RGB Decimal	93, 131, 223	`rgb(93,131,223)`
RGB Percent	36.5, 51.4, 87.5	`rgb(36.5%,51.4%,87.5%)`
CMYK	58, 41, 0, 13
HSL	222.5°, 67, 62	`hsl(222.5,67%,62%)`
HSV (or HSB)	222.5°, 58.3, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.974, 14.123, -50.994
XYZ	25.947, 23.886, 73.051
xyY	0.211, 0.194, 23.886
CIE-LCH	55.974, 52.914, 285.48
CIE-LUV	55.974, -18.797, -81.54
Hunter-Lab	48.873, 9.237, -54.41
Binary	01011101, 10000011, 11011111

#5d83df
```
#5d83df rgb(93,131,223)
```
#dfb95d
```
#dfb95d rgb(223,185,93)
```

Complementary Color

#5dc4df
```
#5dc4df rgb(93,196,223)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#785ddf
```
#785ddf rgb(120,93,223)
```

Analogous Color

#c4df5d
```
#c4df5d rgb(196,223,93)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#df785d
```
#df785d rgb(223,120,93)
```

Split Complementary Color

#83df5d
```
#83df5d rgb(131,223,93)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#df5d83
```
#df5d83 rgb(223,93,131)
```

Triadic Color

#5ddfb9
```
#5ddfb9 rgb(93,223,185)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#df5d83
```
#df5d83 rgb(223,93,131)
```
#dfb95d
```
#dfb95d rgb(223,185,93)
```

Tetradic Color

#2856c8
```
#2856c8 rgb(40,86,200)
```
#3262d7
```
#3262d7 rgb(50,98,215)
```
#4873db
```
#4873db rgb(72,115,219)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#7293e3
```
#7293e3 rgb(114,147,227)
```
#88a4e7
```
#88a4e7 rgb(136,164,231)
```
#9db4ec
```
#9db4ec rgb(157,180,236)
```

Monochromatic Color

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

#5da4df
```
#5da4df rgb(93,164,223)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#5d8edf
```
#5d8edf rgb(93,142,223)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#5d78df
```
#5d78df rgb(93,120,223)
```
#5d6ddf
```
#5d6ddf rgb(93,109,223)
```
#5d62df
```
#5d62df rgb(93,98,223)
```

Similar Colors

Text with hexadecimal color #5d83df

This text has a font color of #5d83df.

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

#5d83df background color

This paragraph has a background color of #5d83df.

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

#5d83df border color

This element has a border color of #5d83df.

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

CSS codes

.text {color:#5d83df;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040812
```
#040812 rgb(4,8,18)
```
#070f23
```
#070f23 rgb(7,15,35)
```
#0a1633
```
#0a1633 rgb(10,22,51)
```
#0d1d43
```
#0d1d43 rgb(13,29,67)
```
#112454
```
#112454 rgb(17,36,84)
```
#142b64
```
#142b64 rgb(20,43,100)
```
#173274
```
#173274 rgb(23,50,116)
```
#1a3985
```
#1a3985 rgb(26,57,133)
```
#1d4095
```
#1d4095 rgb(29,64,149)
```
#2148a6
```
#2148a6 rgb(33,72,166)
```
#244fb6
```
#244fb6 rgb(36,79,182)
```
#2756c6
```
#2756c6 rgb(39,86,198)
```

Shade Color Variation

#2c5dd5
```
#2c5dd5 rgb(44,93,213)
```
#3c6ad9
```
#3c6ad9 rgb(60,106,217)
```
#4d76dc
```
#4d76dc rgb(77,118,220)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#6d90e2
```
#6d90e2 rgb(109,144,226)
```
#7e9ce5
```
#7e9ce5 rgb(126,156,229)
```
#8ea9e9
```
#8ea9e9 rgb(142,169,233)
```
#9fb5ec
```
#9fb5ec rgb(159,181,236)
```
#afc2ef
```
#afc2ef rgb(175,194,239)
```
#bfcef2
```
#bfcef2 rgb(191,206,242)
```
#d0dbf6
```
#d0dbf6 rgb(208,219,246)
```
#e0e7f9
```
#e0e7f9 rgb(224,231,249)
```
#f0f4fc
```
#f0f4fc rgb(240,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999ca3 is the less saturated color, while #3f77fd is the most saturated one.

#999ca3
```
#999ca3 rgb(153,156,163)
```
#9199ab
```
#9199ab rgb(145,153,171)
```
#8a96b2
```
#8a96b2 rgb(138,150,178)
```
#8292ba
```
#8292ba rgb(130,146,186)
```
#7b8fc1
```
#7b8fc1 rgb(123,143,193)
```
#738cc9
```
#738cc9 rgb(115,140,201)
```
#6c89d0
```
#6c89d0 rgb(108,137,208)
```
#6486d8
```
#6486d8 rgb(100,134,216)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#5680e6
```
#5680e6 rgb(86,128,230)
```
#4e7dee
```
#4e7dee rgb(78,125,238)
```
#477af5
```
#477af5 rgb(71,122,245)
```
#3f77fd
```
#3f77fd rgb(63,119,253)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7b8295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6489e0 Protanopia 1% of men
#4f8ddf Deuteranopia 1% of men
#4297a2 Tritanopia 0.001% of the population

Trichromacy

#6187e0 Protanomaly 1% of men, 0.01% of women
#5489df Deuteranomaly 6% of men, 0.4% of women
#4c90b8 Tritanomaly 0.01% of the population

#5d83df hex color

#5d83df Color Information

#5d83df Color Conversion

Color Schemes with #5d83df

Alternatives to #5d83df

#5d83df Preview

Shades and Tints of #5d83df

Tones of #5d83df

Color Blindness Simulator