#5689c4 Color Information
In a RGB color space, hex #5689c4 is composed of 33.7% red, 53.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 30.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 212.2 degrees, a saturation of 48.2% and a lightness of 55.3%. #5689c4 color hex could be obtained by blending #acffff with #001389. Closest websafe color is: #6699cc.
-
- R 34
- G 54
- B 77
-
- C 56
- M 30
- Y 0
- K 23
● #5689c4 color description : Moderate blue.
#5689c4 Color Conversion
The hexadecimal color #5689c4 has RGB values of R:86, G:137, B:196 and CMYK values of C:0.56, M:0.3, Y:0, K:0.23. Its decimal value is 5671364.
Hex triplet | 5689c4 | #5689c4 |
---|---|---|
RGB Decimal | 86, 137, 196 | rgb(86,137,196) |
RGB Percent | 33.7, 53.7, 76.9 | rgb(33.7%,53.7%,76.9%) |
CMYK | 56, 30, 0, 23 | |
HSL | 212.2°, 48.2, 55.3 | hsl(212.2,48.2%,55.3%) |
HSV (or HSB) | 212.2°, 56.1, 76.9 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 55.941, 0.33, -35.848 |
---|---|
XYZ | 22.745, 23.854, 55.627 |
xyY | 0.222, 0.233, 23.854 |
CIE-LCH | 55.941, 35.849, 270.527 |
CIE-LUV | 55.941, -23.015, -55.394 |
Hunter-Lab | 48.841, -2.344, -33.34 |
Binary | 01010110, 10001001, 11000100 |
Color Schemes with #5689c4
Alternatives to #5689c4
Below, you can see some colors close to #5689c4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5689c4 Preview
This text has a font color of #5689c4.
<span style="color:#5689c4;">Text here</span>
This paragraph has a background color of #5689c4.
<p style="background-color:#5689c4;">Content here</p>
This element has a border color of #5689c4.
<div style="border:1px solid #5689c4;">Content here</div>
.text {color:#5689c4;}
.background {background-color:#5689c4;}
.border {border:1px solid #5689c4;}
Shades and Tints of #5689c4
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, #020405 is the darkest color, while #f6f9fc is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#070d14
#070d14
rgb(7,13,20)
-
#0c1623
#0c1623
rgb(12,22,35)
-
#112031
#112031
rgb(17,32,49)
-
#162940
#162940
rgb(22,41,64)
-
#1b334e
#1b334e
rgb(27,51,78)
-
#203c5d
#203c5d
rgb(32,60,93)
-
#25466b
#25466b
rgb(37,70,107)
-
#2b4f7a
#2b4f7a
rgb(43,79,122)
-
#305988
#305988
rgb(48,89,136)
-
#356297
#356297
rgb(53,98,151)
-
#3a6ca5
#3a6ca5
rgb(58,108,165)
-
#3f75b4
#3f75b4
rgb(63,117,180)
-
#477fbf
#477fbf
rgb(71,127,191)
-
#5689c4
#5689c4
rgb(86,137,196)
-
#6593c9
#6593c9
rgb(101,147,201)
-
#739dce
#739dce
rgb(115,157,206)
-
#82a7d3
#82a7d3
rgb(130,167,211)
-
#90b2d8
#90b2d8
rgb(144,178,216)
-
#9fbcdd
#9fbcdd
rgb(159,188,221)
-
#adc6e2
#adc6e2
rgb(173,198,226)
-
#bcd0e8
#bcd0e8
rgb(188,208,232)
-
#cadaed
#cadaed
rgb(202,218,237)
-
#d9e4f2
#d9e4f2
rgb(217,228,242)
-
#e7eff7
#e7eff7
rgb(231,239,247)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #5689c4
A tone is produced by adding gray to any pure hue. In this case, #8b8d8f is the less saturated color, while #2185f9 is the most saturated one.
-
#8b8d8f
#8b8d8f
rgb(139,141,143)
-
#828c98
#828c98
rgb(130,140,152)
-
#798ca1
#798ca1
rgb(121,140,161)
-
#708baa
#708baa
rgb(112,139,170)
-
#688ab2
#688ab2
rgb(104,138,178)
-
#5f8abb
#5f8abb
rgb(95,138,187)
-
#5689c4
#5689c4
rgb(86,137,196)
-
#4d88cd
#4d88cd
rgb(77,136,205)
-
#4488d6
#4488d6
rgb(68,136,214)
-
#3c87de
#3c87de
rgb(60,135,222)
-
#3386e7
#3386e7
rgb(51,134,231)
-
#2a86f0
#2a86f0
rgb(42,134,240)
-
#2185f9
#2185f9
rgb(33,133,249)
Color Blindness Simulator
Below, you can see how #5689c4 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.