#5696c3 Color Information
In a RGB color space, hex #5696c3 is composed of 33.7% red, 58.8% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 23.1% magenta, 0% yellow and 23.5% black. It has a hue angle of 204.8 degrees, a saturation of 47.6% and a lightness of 55.1%. #5696c3 color hex could be obtained by blending #acffff with #002d87. Closest websafe color is: #6699cc.
-
- R 34
- G 59
- B 76
-
- C 56
- M 23
- Y 0
- K 24
● #5696c3 color description : Moderate blue.
#5696c3 Color Conversion
The hexadecimal color #5696c3 has RGB values of R:86, G:150, B:195 and CMYK values of C:0.56, M:0.23, Y:0, K:0.24. Its decimal value is 5674691.
Hex triplet | 5696c3 | #5696c3 |
---|---|---|
RGB Decimal | 86, 150, 195 | rgb(86,150,195) |
RGB Percent | 33.7, 58.8, 76.5 | rgb(33.7%,58.8%,76.5%) |
CMYK | 56, 23, 0, 24 | |
HSL | 204.8°, 47.6, 55.1 | hsl(204.8,47.6%,55.1%) |
HSV (or HSB) | 204.8°, 55.9, 76.5 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 59.644, -7.444, -29.518 |
---|---|
XYZ | 24.592, 27.73, 55.683 |
xyY | 0.228, 0.257, 27.73 |
CIE-LCH | 59.644, 30.442, 255.846 |
CIE-LUV | 59.644, -27.867, -44.649 |
Hunter-Lab | 52.659, -8.793, -25.834 |
Binary | 01010110, 10010110, 11000011 |
Color Schemes with #5696c3
Alternatives to #5696c3
Below, you can see some colors close to #5696c3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5696c3 Preview
This text has a font color of #5696c3.
<span style="color:#5696c3;">Text here</span>
This paragraph has a background color of #5696c3.
<p style="background-color:#5696c3;">Content here</p>
This element has a border color of #5696c3.
<div style="border:1px solid #5696c3;">Content here</div>
.text {color:#5696c3;}
.background {background-color:#5696c3;}
.border {border:1px solid #5696c3;}
Shades and Tints of #5696c3
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, #020305 is the darkest color, while #f5f9fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070e13
#070e13
rgb(7,14,19)
-
#0c1922
#0c1922
rgb(12,25,34)
-
#112330
#112330
rgb(17,35,48)
-
#162e3f
#162e3f
rgb(22,46,63)
-
#1b394d
#1b394d
rgb(27,57,77)
-
#21435c
#21435c
rgb(33,67,92)
-
#264e6a
#264e6a
rgb(38,78,106)
-
#2b5879
#2b5879
rgb(43,88,121)
-
#306387
#306387
rgb(48,99,135)
-
#356e95
#356e95
rgb(53,110,149)
-
#3a78a4
#3a78a4
rgb(58,120,164)
-
#3f83b2
#3f83b2
rgb(63,131,178)
-
#488dbe
#488dbe
rgb(72,141,190)
-
#5696c3
#5696c3
rgb(86,150,195)
-
#649fc8
#649fc8
rgb(100,159,200)
-
#73a8cd
#73a8cd
rgb(115,168,205)
-
#81b1d2
#81b1d2
rgb(129,177,210)
-
#90bad8
#90bad8
rgb(144,186,216)
-
#9ec3dd
#9ec3dd
rgb(158,195,221)
-
#adcce2
#adcce2
rgb(173,204,226)
-
#bbd5e7
#bbd5e7
rgb(187,213,231)
-
#cadeec
#cadeec
rgb(202,222,236)
-
#d8e7f1
#d8e7f1
rgb(216,231,241)
-
#e7f0f6
#e7f0f6
rgb(231,240,246)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #5696c3
A tone is produced by adding gray to any pure hue. In this case, #8b8d8e is the less saturated color, while #219ff8 is the most saturated one.
-
#8b8d8e
#8b8d8e
rgb(139,141,142)
-
#828e97
#828e97
rgb(130,142,151)
-
#7990a0
#7990a0
rgb(121,144,160)
-
#7091a9
#7091a9
rgb(112,145,169)
-
#6893b1
#6893b1
rgb(104,147,177)
-
#5f94ba
#5f94ba
rgb(95,148,186)
-
#5696c3
#5696c3
rgb(86,150,195)
-
#4d98cc
#4d98cc
rgb(77,152,204)
-
#4499d5
#4499d5
rgb(68,153,213)
-
#3c9bdd
#3c9bdd
rgb(60,155,221)
-
#339ce6
#339ce6
rgb(51,156,230)
-
#2a9eef
#2a9eef
rgb(42,158,239)
-
#219ff8
#219ff8
rgb(33,159,248)
Color Blindness Simulator
Below, you can see how #5696c3 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.