#5badd2 Color Information
In a RGB color space, hex #5badd2 is composed of 35.7% red, 67.8% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 17.6% magenta, 0% yellow and 17.6% black. It has a hue angle of 198.7 degrees, a saturation of 56.9% and a lightness of 59%. #5badd2 color hex could be obtained by blending #b6ffff with #005ba5. Closest websafe color is: #6699cc.
-
- R 36
- G 68
- B 82
-
- C 57
- M 18
- Y 0
- K 18
● #5badd2 color description : Moderate blue.
#5badd2 Color Conversion
The hexadecimal color #5badd2 has RGB values of R:91, G:173, B:210 and CMYK values of C:0.57, M:0.18, Y:0, K:0.18. Its decimal value is 6008274.
Hex triplet | 5badd2 | #5badd2 |
---|---|---|
RGB Decimal | 91, 173, 210 | rgb(91,173,210) |
RGB Percent | 35.7, 67.8, 82.4 | rgb(35.7%,67.8%,82.4%) |
CMYK | 57, 18, 0, 18 | |
HSL | 198.7°, 56.9, 59 | hsl(198.7,56.9%,59%) |
HSV (or HSB) | 198.7°, 56.7, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 67.098, -14.424, -26.361 |
---|---|
XYZ | 30.888, 36.762, 66.437 |
xyY | 0.23, 0.274, 36.762 |
CIE-LCH | 67.098, 30.05, 241.314 |
CIE-LUV | 67.098, -34.692, -39.29 |
Hunter-Lab | 60.632, -15.172, -22.525 |
Binary | 01011011, 10101101, 11010010 |
Color Schemes with #5badd2
Alternatives to #5badd2
Below, you can see some colors close to #5badd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5badd2 Preview
This text has a font color of #5badd2.
<span style="color:#5badd2;">Text here</span>
This paragraph has a background color of #5badd2.
<p style="background-color:#5badd2;">Content here</p>
This element has a border color of #5badd2.
<div style="border:1px solid #5badd2;">Content here</div>
.text {color:#5badd2;}
.background {background-color:#5badd2;}
.border {border:1px solid #5badd2;}
Shades and Tints of #5badd2
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, #010405 is the darkest color, while #f5fafc is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#061015
#061015
rgb(6,16,21)
-
#0a1c24
#0a1c24
rgb(10,28,36)
-
#0e2833
#0e2833
rgb(14,40,51)
-
#123443
#123443
rgb(18,52,67)
-
#174052
#174052
rgb(23,64,82)
-
#1b4c62
#1b4c62
rgb(27,76,98)
-
#1f5871
#1f5871
rgb(31,88,113)
-
#236380
#236380
rgb(35,99,128)
-
#276f90
#276f90
rgb(39,111,144)
-
#2c7b9f
#2c7b9f
rgb(44,123,159)
-
#3087af
#3087af
rgb(48,135,175)
-
#3493be
#3493be
rgb(52,147,190)
-
#3c9eca
#3c9eca
rgb(60,158,202)
-
#4ca5ce
#4ca5ce
rgb(76,165,206)
-
#5badd2
#5badd2
rgb(91,173,210)
-
#6ab5d6
#6ab5d6
rgb(106,181,214)
-
#7abcda
#7abcda
rgb(122,188,218)
-
#89c4df
#89c4df
rgb(137,196,223)
-
#99cce3
#99cce3
rgb(153,204,227)
-
#a8d3e7
#a8d3e7
rgb(168,211,231)
-
#b7dbeb
#b7dbeb
rgb(183,219,235)
-
#c7e3f0
#c7e3f0
rgb(199,227,240)
-
#d6ebf4
#d6ebf4
rgb(214,235,244)
-
#e6f2f8
#e6f2f8
rgb(230,242,248)
-
#f5fafc
#f5fafc
rgb(245,250,252)
Tones of #5badd2
A tone is produced by adding gray to any pure hue. In this case, #93989a is the less saturated color, while #33bcfa is the most saturated one.
-
#93989a
#93989a
rgb(147,152,154)
-
#8b9ba2
#8b9ba2
rgb(139,155,162)
-
#839eaa
#839eaa
rgb(131,158,170)
-
#7ba1b2
#7ba1b2
rgb(123,161,178)
-
#73a4ba
#73a4ba
rgb(115,164,186)
-
#6ba7c2
#6ba7c2
rgb(107,167,194)
-
#63aaca
#63aaca
rgb(99,170,202)
-
#5badd2
#5badd2
rgb(91,173,210)
-
#53b0da
#53b0da
rgb(83,176,218)
-
#4bb3e2
#4bb3e2
rgb(75,179,226)
-
#43b6ea
#43b6ea
rgb(67,182,234)
-
#3bb9f2
#3bb9f2
rgb(59,185,242)
-
#33bcfa
#33bcfa
rgb(51,188,250)
Color Blindness Simulator
Below, you can see how #5badd2 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.