#5dbbdd Color Information
In a RGB color space, hex #5dbbdd is composed of 36.5% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 195.9 degrees, a saturation of 65.3% and a lightness of 61.6%. #5dbbdd color hex could be obtained by blending #baffff with #0077bb. Closest websafe color is: #66cccc.
-
- R 36
- G 73
- B 87
-
- C 58
- M 15
- Y 0
- K 13
● #5dbbdd color description : Soft blue.
#5dbbdd Color Conversion
The hexadecimal color #5dbbdd has RGB values of R:93, G:187, B:221 and CMYK values of C:0.58, M:0.15, Y:0, K:0.13. Its decimal value is 6142941.
Hex triplet | 5dbbdd | #5dbbdd |
---|---|---|
RGB Decimal | 93, 187, 221 | rgb(93,187,221) |
RGB Percent | 36.5, 73.3, 86.7 | rgb(36.5%,73.3%,86.7%) |
CMYK | 58, 15, 0, 13 | |
HSL | 195.9°, 65.3, 61.6 | hsl(195.9,65.3%,61.6%) |
HSV (or HSB) | 195.9°, 57.9, 86.7 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 71.613, -18.13, -25.46 |
---|---|
XYZ | 35.332, 43.086, 74.857 |
xyY | 0.231, 0.281, 43.086 |
CIE-LCH | 71.613, 31.256, 234.546 |
CIE-LUV | 71.613, -38.989, -37.631 |
Hunter-Lab | 65.64, -18.787, -21.668 |
Binary | 01011101, 10111011, 11011101 |
Color Schemes with #5dbbdd
Alternatives to #5dbbdd
Below, you can see some colors close to #5dbbdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5dbbdd Preview
This text has a font color of #5dbbdd.
<span style="color:#5dbbdd;">Text here</span>
This paragraph has a background color of #5dbbdd.
<p style="background-color:#5dbbdd;">Content here</p>
This element has a border color of #5dbbdd.
<div style="border:1px solid #5dbbdd;">Content here</div>
.text {color:#5dbbdd;}
.background {background-color:#5dbbdd;}
.border {border:1px solid #5dbbdd;}
Shades and Tints of #5dbbdd
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, #000000 is the darkest color, while #eff8fc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030d10
#030d10
rgb(3,13,16)
-
#071a21
#071a21
rgb(7,26,33)
-
#0a2731
#0a2731
rgb(10,39,49)
-
#0e3341
#0e3341
rgb(14,51,65)
-
#114051
#114051
rgb(17,64,81)
-
#144d61
#144d61
rgb(20,77,97)
-
#185a72
#185a72
rgb(24,90,114)
-
#1b6782
#1b6782
rgb(27,103,130)
-
#1f7392
#1f7392
rgb(31,115,146)
-
#2280a2
#2280a2
rgb(34,128,162)
-
#258db2
#258db2
rgb(37,141,178)
-
#299ac3
#299ac3
rgb(41,154,195)
-
#2ca7d3
#2ca7d3
rgb(44,167,211)
-
#3dadd6
#3dadd6
rgb(61,173,214)
-
#4db4da
#4db4da
rgb(77,180,218)
-
#5dbbdd
#5dbbdd
rgb(93,187,221)
-
#6dc2e0
#6dc2e0
rgb(109,194,224)
-
#7dc9e4
#7dc9e4
rgb(125,201,228)
-
#8ecfe7
#8ecfe7
rgb(142,207,231)
-
#9ed6eb
#9ed6eb
rgb(158,214,235)
-
#aeddee
#aeddee
rgb(174,221,238)
-
#bee4f1
#bee4f1
rgb(190,228,241)
-
#ceebf5
#ceebf5
rgb(206,235,245)
-
#dff1f8
#dff1f8
rgb(223,241,248)
-
#eff8fc
#eff8fc
rgb(239,248,252)
Tones of #5dbbdd
A tone is produced by adding gray to any pure hue. In this case, #999fa1 is the less saturated color, while #3fc9fb is the most saturated one.
-
#999fa1
#999fa1
rgb(153,159,161)
-
#92a2a8
#92a2a8
rgb(146,162,168)
-
#8aa6b0
#8aa6b0
rgb(138,166,176)
-
#83a9b7
#83a9b7
rgb(131,169,183)
-
#7badbf
#7badbf
rgb(123,173,191)
-
#74b0c6
#74b0c6
rgb(116,176,198)
-
#6cb4ce
#6cb4ce
rgb(108,180,206)
-
#65b7d5
#65b7d5
rgb(101,183,213)
-
#5dbbdd
#5dbbdd
rgb(93,187,221)
-
#55bfe5
#55bfe5
rgb(85,191,229)
-
#4ec2ec
#4ec2ec
rgb(78,194,236)
-
#46c6f4
#46c6f4
rgb(70,198,244)
-
#3fc9fb
#3fc9fb
rgb(63,201,251)
Color Blindness Simulator
Below, you can see how #5dbbdd 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.