#5d99df hex color

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

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

● #5d99df color description : Soft blue.

The hexadecimal color #5d99df has RGB values of R:93, G:153, B:223 and CMYK values of C:0.58, M:0.31, Y:0, K:0.13. Its decimal value is 6134239.

Hex triplet	5d99df	`#5d99df`
RGB Decimal	93, 153, 223	`rgb(93,153,223)`
RGB Percent	36.5, 60, 87.5	`rgb(36.5%,60%,87.5%)`
CMYK	58, 31, 0, 13
HSL	212.3°, 67, 62	`hsl(212.3,67%,62%)`
HSV (or HSB)	212.3°, 58.3, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.028, 1.134, -41.423
XYZ	29.222, 30.436, 74.143
xyY	0.218, 0.227, 30.436
CIE-LCH	62.028, 41.438, 271.568
CIE-LUV	62.028, -26.439, -65.754
Hunter-Lab	55.168, -1.997, -41.064
Binary	01011101, 10011001, 11011111

#5d99df
```
#5d99df rgb(93,153,223)
```
#dfa35d
```
#dfa35d rgb(223,163,93)
```

Complementary Color

#5ddadf
```
#5ddadf rgb(93,218,223)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#625ddf
```
#625ddf rgb(98,93,223)
```

Analogous Color

#dadf5d
```
#dadf5d rgb(218,223,93)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#df625d
```
#df625d rgb(223,98,93)
```

Split Complementary Color

#99df5d
```
#99df5d rgb(153,223,93)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#df5d99
```
#df5d99 rgb(223,93,153)
```

Triadic Color

#5ddfa3
```
#5ddfa3 rgb(93,223,163)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#df5d99
```
#df5d99 rgb(223,93,153)
```
#dfa35d
```
#dfa35d rgb(223,163,93)
```

Tetradic Color

#2872c8
```
#2872c8 rgb(40,114,200)
```
#327ed7
```
#327ed7 rgb(50,126,215)
```
#488cdb
```
#488cdb rgb(72,140,219)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#72a6e3
```
#72a6e3 rgb(114,166,227)
```
#88b4e7
```
#88b4e7 rgb(136,180,231)
```
#9dc1ec
```
#9dc1ec rgb(157,193,236)
```

Monochromatic Color

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

#5dbadf
```
#5dbadf rgb(93,186,223)
```
#5dafdf
```
#5dafdf rgb(93,175,223)
```
#5da4df
```
#5da4df rgb(93,164,223)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#5d8edf
```
#5d8edf rgb(93,142,223)
```
#5d83df
```
#5d83df rgb(93,131,223)
```
#5d79df
```
#5d79df rgb(93,121,223)
```

Similar Colors

Text with hexadecimal color #5d99df

This text has a font color of #5d99df.

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

#5d99df background color

This paragraph has a background color of #5d99df.

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

#5d99df border color

This element has a border color of #5d99df.

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

CSS codes

.text {color:#5d99df;}

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

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

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 #f0f6fc is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#040a12
```
#040a12 rgb(4,10,18)
```
#071423
```
#071423 rgb(7,20,35)
```
#0a1d33
```
#0a1d33 rgb(10,29,51)
```
#0d2643
```
#0d2643 rgb(13,38,67)
```
#113054
```
#113054 rgb(17,48,84)
```
#143964
```
#143964 rgb(20,57,100)
```
#174274
```
#174274 rgb(23,66,116)
```
#1a4b85
```
#1a4b85 rgb(26,75,133)
```
#1d5595
```
#1d5595 rgb(29,85,149)
```
#215ea6
```
#215ea6 rgb(33,94,166)
```
#2467b6
```
#2467b6 rgb(36,103,182)
```
#2771c6
```
#2771c6 rgb(39,113,198)
```

Shade Color Variation

#2c7ad5
```
#2c7ad5 rgb(44,122,213)
```
#3c84d9
```
#3c84d9 rgb(60,132,217)
```
#4d8fdc
```
#4d8fdc rgb(77,143,220)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#6da3e2
```
#6da3e2 rgb(109,163,226)
```
#7eaee5
```
#7eaee5 rgb(126,174,229)
```
#8eb8e9
```
#8eb8e9 rgb(142,184,233)
```
#9fc2ec
```
#9fc2ec rgb(159,194,236)
```
#afcdef
```
#afcdef rgb(175,205,239)
```
#bfd7f2
```
#bfd7f2 rgb(191,215,242)
```
#d0e1f6
```
#d0e1f6 rgb(208,225,246)
```
#e0ecf9
```
#e0ecf9 rgb(224,236,249)
```
#f0f6fc
```
#f0f6fc rgb(240,246,252)
```

Tint Color Variation

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

#999ea3
```
#999ea3 rgb(153,158,163)
```
#919dab
```
#919dab rgb(145,157,171)
```
#8a9cb2
```
#8a9cb2 rgb(138,156,178)
```
#829cba
```
#829cba rgb(130,156,186)
```
#7b9bc1
```
#7b9bc1 rgb(123,155,193)
```
#739bc9
```
#739bc9 rgb(115,155,201)
```
#6c9ad0
```
#6c9ad0 rgb(108,154,208)
```
#649ad8
```
#649ad8 rgb(100,154,216)
```
#5d99df
```
#5d99df rgb(93,153,223)
```
#5698e6
```
#5698e6 rgb(86,152,230)
```
#4e98ee
```
#4e98ee rgb(78,152,238)
```
#4797f5
```
#4797f5 rgb(71,151,245)
```
#3f97fd
```
#3f97fd rgb(63,151,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#85919f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8399dc Protanopia 1% of men
#779ae2 Deuteranopia 1% of men
#4ca7b3 Tritanopia 0.001% of the population

Trichromacy

#7599dd Protanomaly 1% of men, 0.01% of women
#6d9ae0 Deuteranomaly 6% of men, 0.4% of women
#52a2c3 Tritanomaly 0.01% of the population

#5d99df hex color

#5d99df Color Information

#5d99df Color Conversion

Color Schemes with #5d99df

Alternatives to #5d99df

#5d99df Preview

Shades and Tints of #5d99df

Tones of #5d99df

Color Blindness Simulator