#5c9ae6 Color Information
In a RGB color space, hex #5c9ae6 is composed of 36.1% red, 60.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 33% magenta, 0% yellow and 9.8% black. It has a hue angle of 213 degrees, a saturation of 73.4% and a lightness of 63.1%. #5c9ae6 color hex could be obtained by blending #b8ffff with #0035cd. Closest websafe color is: #6699ff.
-
- R 36
- G 60
- B 90
-
- C 60
- M 33
- Y 0
- K 10
● #5c9ae6 color description : Soft blue.
#5c9ae6 Color Conversion
The hexadecimal color #5c9ae6 has RGB values of R:92, G:154, B:230 and CMYK values of C:0.6, M:0.33, Y:0, K:0.1. Its decimal value is 6068966.
| Hex triplet | 5c9ae6 | #5c9ae6 |
|---|---|---|
| RGB Decimal | 92, 154, 230 | rgb(92,154,230) |
| RGB Percent | 36.1, 60.4, 90.2 | rgb(36.1%,60.4%,90.2%) |
| CMYK | 60, 33, 0, 10 | |
| HSL | 213°, 73.4, 63.1 | hsl(213,73.4%,63.1%) |
| HSV (or HSB) | 213°, 60, 90.2 | |
| Web Safe | 6699ff | #6699ff |
| CIE-LAB | 62.59, 2.621, -44.418 |
|---|---|
| XYZ | 30.249, 31.098, 79.267 |
| xyY | 0.215, 0.221, 31.098 |
| CIE-LCH | 62.59, 44.495, 273.377 |
| CIE-LUV | 62.59, -26.942, -71.031 |
| Hunter-Lab | 55.765, -0.765, -45.241 |
| Binary | 01011100, 10011010, 11100110 |
Color Schemes with #5c9ae6
Alternatives to #5c9ae6
Below, you can see some colors close to #5c9ae6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5c9ae6 Preview
This text has a font color of #5c9ae6.
<span style="color:#5c9ae6;">Text here</span>
This paragraph has a background color of #5c9ae6.
<p style="background-color:#5c9ae6;">Content here</p>
This element has a border color of #5c9ae6.
<div style="border:1px solid #5c9ae6;">Content here</div>
.text {color:#5c9ae6;}
.background {background-color:#5c9ae6;}
.border {border:1px solid #5c9ae6;}
Shades and Tints of #5c9ae6
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, #010407 is the darkest color, while #f5f9fd is the lightest one.
-
#010407
#010407rgb(1,4,7) -
#040d18
#040d18rgb(4,13,24) -
#061629
#061629rgb(6,22,41) -
#091f3a
#091f3argb(9,31,58) -
#0c284b
#0c284brgb(12,40,75) -
#0e315c
#0e315crgb(14,49,92) -
#113a6d
#113a6drgb(17,58,109) -
#13437e
#13437ergb(19,67,126) -
#164c8f
#164c8frgb(22,76,143) -
#1955a0
#1955a0rgb(25,85,160) -
#1b5fb1
#1b5fb1rgb(27,95,177) -
#1e68c2
#1e68c2rgb(30,104,194) -
#2071d3
#2071d3rgb(32,113,211)
-
#297ade
#297adergb(41,122,222) -
#3a85e1
#3a85e1rgb(58,133,225) -
#4b8fe3
#4b8fe3rgb(75,143,227) -
#5c9ae6
#5c9ae6rgb(92,154,230) -
#6da5e9
#6da5e9rgb(109,165,233) -
#7eafeb
#7eafebrgb(126,175,235) -
#8fbaee
#8fbaeergb(143,186,238) -
#a0c4f0
#a0c4f0rgb(160,196,240) -
#b1cff3
#b1cff3rgb(177,207,243) -
#c2d9f6
#c2d9f6rgb(194,217,246) -
#d3e4f8
#d3e4f8rgb(211,228,248) -
#e4eefb
#e4eefbrgb(228,238,251) -
#f5f9fd
#f5f9fdrgb(245,249,253)
Tones of #5c9ae6
A tone is produced by adding gray to any pure hue. In this case, #9da1a5 is the less saturated color, while #4698fc is the most saturated one.
-
#9da1a5
#9da1a5rgb(157,161,165) -
#96a0ac
#96a0acrgb(150,160,172) -
#8f9fb3
#8f9fb3rgb(143,159,179) -
#879ebb
#879ebbrgb(135,158,187) -
#809ec2
#809ec2rgb(128,158,194) -
#799dc9
#799dc9rgb(121,157,201) -
#729cd0
#729cd0rgb(114,156,208) -
#6a9bd8
#6a9bd8rgb(106,155,216) -
#639bdf
#639bdfrgb(99,155,223) -
#5c9ae6
#5c9ae6rgb(92,154,230) -
#5599ed
#5599edrgb(85,153,237) -
#4e99f4
#4e99f4rgb(78,153,244) -
#4698fc
#4698fcrgb(70,152,252)
Color Blindness Simulator
Below, you can see how #5c9ae6 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.
