#5d8fff hex color

In a RGB color space, hex #5d8fff is composed of 36.5% red, 56.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 43.9% magenta, 0% yellow and 0% black. It has a hue angle of 221.5 degrees, a saturation of 100% and a lightness of 68.2%. #5d8fff color hex could be obtained by blending #baffff with #001fff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 36
- G 56
- B 100
RGB color chart
- C 64
- M 44
- Y 0
- K 0
CMYK color chart

● #5d8fff color description : Light blue.

The hexadecimal color #5d8fff has RGB values of R:93, G:143, B:255 and CMYK values of C:0.64, M:0.44, Y:0, K:0. Its decimal value is 6131711.

Hex triplet	5d8fff	`#5d8fff`
RGB Decimal	93, 143, 255	`rgb(93,143,255)`
RGB Percent	36.5, 56.1, 100	`rgb(36.5%,56.1%,100%)`
CMYK	64, 44, 0, 0
HSL	221.5°, 100, 68.2	`hsl(221.5,100%,68.2%)`
HSV (or HSB)	221.5°, 63.5, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.949, 17.54, -60.778
XYZ	32.383, 29.19, 98.53
xyY	0.202, 0.182, 29.19
CIE-LCH	60.949, 63.258, 286.098
CIE-LUV	60.949, -22.74, -99.274
Hunter-Lab	54.028, 12.439, -70.307
Binary	01011101, 10001111, 11111111

#5d8fff
```
#5d8fff rgb(93,143,255)
```
#ffcd5d
```
#ffcd5d rgb(255,205,93)
```

Complementary Color

#5de0ff
```
#5de0ff rgb(93,224,255)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```
#7c5dff
```
#7c5dff rgb(124,93,255)
```

Analogous Color

#e0ff5d
```
#e0ff5d rgb(224,255,93)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```
#ff7c5d
```
#ff7c5d rgb(255,124,93)
```

Split Complementary Color

#8fff5d
```
#8fff5d rgb(143,255,93)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```
#ff5d8f
```
#ff5d8f rgb(255,93,143)
```

Triadic Color

#5dffcd
```
#5dffcd rgb(93,255,205)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```
#ff5d8f
```
#ff5d8f rgb(255,93,143)
```
#ffcd5d
```
#ffcd5d rgb(255,205,93)
```

Tetradic Color

#115aff
```
#115aff rgb(17,90,255)
```
#2a6cff
```
#2a6cff rgb(42,108,255)
```
#447dff
```
#447dff rgb(68,125,255)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```
#77a1ff
```
#77a1ff rgb(119,161,255)
```
#90b2ff
```
#90b2ff rgb(144,178,255)
```
#aac4ff
```
#aac4ff rgb(170,196,255)
```

Monochromatic Color

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

#5db8ff
```
#5db8ff rgb(93,184,255)
```
#5daaff
```
#5daaff rgb(93,170,255)
```
#5d9dff
```
#5d9dff rgb(93,157,255)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```
#5d82ff
```
#5d82ff rgb(93,130,255)
```
#5d74ff
```
#5d74ff rgb(93,116,255)
```
#5d67ff
```
#5d67ff rgb(93,103,255)
```

Similar Colors

Text with hexadecimal color #5d8fff

This text has a font color of #5d8fff.

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

#5d8fff background color

This paragraph has a background color of #5d8fff.

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

#5d8fff border color

This element has a border color of #5d8fff.

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

CSS codes

.text {color:#5d8fff;}

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

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

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, #00040f is the darkest color, while #fafbff is the lightest one.

#00040f
```
#00040f rgb(0,4,15)
```
#000b22
```
#000b22 rgb(0,11,34)
```
#001136
```
#001136 rgb(0,17,54)
```
#001749
```
#001749 rgb(0,23,73)
```
#001d5d
```
#001d5d rgb(0,29,93)
```
#002371
```
#002371 rgb(0,35,113)
```
#002984
```
#002984 rgb(0,41,132)
```
#002f98
```
#002f98 rgb(0,47,152)
```
#0035ab
```
#0035ab rgb(0,53,171)
```
#003bbf
```
#003bbf rgb(0,59,191)
```
#0041d3
```
#0041d3 rgb(0,65,211)
```
#0047e6
```
#0047e6 rgb(0,71,230)
```
#004dfa
```
#004dfa rgb(0,77,250)
```

Shade Color Variation

#0f59ff
```
#0f59ff rgb(15,89,255)
```
#2266ff
```
#2266ff rgb(34,102,255)
```
#3674ff
```
#3674ff rgb(54,116,255)
```
#4981ff
```
#4981ff rgb(73,129,255)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```
#719dff
```
#719dff rgb(113,157,255)
```
#84aaff
```
#84aaff rgb(132,170,255)
```
#98b8ff
```
#98b8ff rgb(152,184,255)
```
#abc5ff
```
#abc5ff rgb(171,197,255)
```
#bfd3ff
```
#bfd3ff rgb(191,211,255)
```
#d3e0ff
```
#d3e0ff rgb(211,224,255)
```
#e6eeff
```
#e6eeff rgb(230,238,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#a8acb4
```
#a8acb4 rgb(168,172,180)
```
#a2a9ba
```
#a2a9ba rgb(162,169,186)
```
#9ba7c1
```
#9ba7c1 rgb(155,167,193)
```
#95a4c7
```
#95a4c7 rgb(149,164,199)
```
#8fa2cd
```
#8fa2cd rgb(143,162,205)
```
#89a0d3
```
#89a0d3 rgb(137,160,211)
```
#829dda
```
#829dda rgb(130,157,218)
```
#7c9be0
```
#7c9be0 rgb(124,155,224)
```
#7699e6
```
#7699e6 rgb(118,153,230)
```
#7096ec
```
#7096ec rgb(112,150,236)
```
#6994f3
```
#6994f3 rgb(105,148,243)
```
#6391f9
```
#6391f9 rgb(99,145,249)
```
#5d8fff
```
#5d8fff rgb(93,143,255)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#838da4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6395ff Protanopia 1% of men
#3a9afc Deuteranopia 1% of men
#24a7b3 Tritanopia 0.001% of the population

Trichromacy

#6092ff Protanomaly 1% of men, 0.01% of women
#4796fd Deuteranomaly 6% of men, 0.4% of women
#389ece Tritanomaly 0.01% of the population

#5d8fff hex color

#5d8fff Color Information

#5d8fff Color Conversion

Color Schemes with #5d8fff

Alternatives to #5d8fff

#5d8fff Preview

Shades and Tints of #5d8fff

Tones of #5d8fff

Color Blindness Simulator