#5684b2 Color Information
In a RGB color space, hex #5684b2 is composed of 33.7% red, 51.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 25.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 210 degrees, a saturation of 37.4% and a lightness of 51.8%. #5684b2 color hex could be obtained by blending #acffff with #000965. Closest websafe color is: #669999.
-
- R 34
- G 52
- B 70
-
- C 52
- M 26
- Y 0
- K 30
● #5684b2 color description : Dark moderate blue.
#5684b2 Color Conversion
The hexadecimal color #5684b2 has RGB values of R:86, G:132, B:178 and CMYK values of C:0.52, M:0.26, Y:0, K:0.3. Its decimal value is 5670066.
Hex triplet | 5684b2 | #5684b2 |
---|---|---|
RGB Decimal | 86, 132, 178 | rgb(86,132,178) |
RGB Percent | 33.7, 51.8, 69.8 | rgb(33.7%,51.8%,69.8%) |
CMYK | 52, 26, 0, 30 | |
HSL | 210°, 37.4, 51.8 | hsl(210,37.4%,51.8%) |
HSV (or HSB) | 210°, 51.7, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 53.701, -2.432, -29.07 |
---|---|
XYZ | 20.123, 21.694, 45.244 |
xyY | 0.231, 0.249, 21.694 |
CIE-LCH | 53.701, 29.171, 265.218 |
CIE-LUV | 53.701, -21.355, -43.731 |
Hunter-Lab | 46.577, -4.391, -24.989 |
Binary | 01010110, 10000100, 10110010 |
Color Schemes with #5684b2
Alternatives to #5684b2
Below, you can see some colors close to #5684b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5684b2 Preview
This text has a font color of #5684b2.
<span style="color:#5684b2;">Text here</span>
This paragraph has a background color of #5684b2.
<p style="background-color:#5684b2;">Content here</p>
This element has a border color of #5684b2.
<div style="border:1px solid #5684b2;">Content here</div>
.text {color:#5684b2;}
.background {background-color:#5684b2;}
.border {border:1px solid #5684b2;}
Shades and Tints of #5684b2
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, #030406 is the darkest color, while #f8fafc is the lightest one.
-
#030406
#030406
rgb(3,4,6)
-
#090e14
#090e14
rgb(9,14,20)
-
#0f1821
#0f1821
rgb(15,24,33)
-
#15222f
#15222f
rgb(21,34,47)
-
#1b2c3c
#1b2c3c
rgb(27,44,60)
-
#22364a
#22364a
rgb(34,54,74)
-
#283f57
#283f57
rgb(40,63,87)
-
#2e4965
#2e4965
rgb(46,73,101)
-
#345372
#345372
rgb(52,83,114)
-
#3a5d7f
#3a5d7f
rgb(58,93,127)
-
#40678d
#40678d
rgb(64,103,141)
-
#46709a
#46709a
rgb(70,112,154)
-
#4c7aa8
#4c7aa8
rgb(76,122,168)
-
#5684b2
#5684b2
rgb(86,132,178)
-
#638eb8
#638eb8
rgb(99,142,184)
-
#7198be
#7198be
rgb(113,152,190)
-
#7ea1c4
#7ea1c4
rgb(126,161,196)
-
#8cabcb
#8cabcb
rgb(140,171,203)
-
#99b5d1
#99b5d1
rgb(153,181,209)
-
#a7bfd7
#a7bfd7
rgb(167,191,215)
-
#b4c9dd
#b4c9dd
rgb(180,201,221)
-
#c2d2e3
#c2d2e3
rgb(194,210,227)
-
#cfdce9
#cfdce9
rgb(207,220,233)
-
#dde6ef
#dde6ef
rgb(221,230,239)
-
#eaf0f6
#eaf0f6
rgb(234,240,246)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #5684b2
A tone is produced by adding gray to any pure hue. In this case, #7c848c is the less saturated color, while #0a84fe is the most saturated one.
-
#7c848c
#7c848c
rgb(124,132,140)
-
#728496
#728496
rgb(114,132,150)
-
#69849f
#69849f
rgb(105,132,159)
-
#5f84a9
#5f84a9
rgb(95,132,169)
-
#5684b2
#5684b2
rgb(86,132,178)
-
#4d84bb
#4d84bb
rgb(77,132,187)
-
#4384c5
#4384c5
rgb(67,132,197)
-
#3a84ce
#3a84ce
rgb(58,132,206)
-
#3084d8
#3084d8
rgb(48,132,216)
-
#2784e1
#2784e1
rgb(39,132,225)
-
#1d84eb
#1d84eb
rgb(29,132,235)
-
#1484f4
#1484f4
rgb(20,132,244)
-
#0a84fe
#0a84fe
rgb(10,132,254)
Color Blindness Simulator
Below, you can see how #5684b2 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.