#689bb2 Color Information
In a RGB color space, hex #689bb2 is composed of 40.8% red, 60.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 12.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 198.6 degrees, a saturation of 32.5% and a lightness of 55.3%. #689bb2 color hex could be obtained by blending #d0ffff with #003765. Closest websafe color is: #669999.
-
- R 41
- G 61
- B 70
-
- C 42
- M 13
- Y 0
- K 30
● #689bb2 color description : Mostly desaturated dark blue.
#689bb2 Color Conversion
The hexadecimal color #689bb2 has RGB values of R:104, G:155, B:178 and CMYK values of C:0.42, M:0.13, Y:0, K:0.3. Its decimal value is 6855602.
Hex triplet | 689bb2 | #689bb2 |
---|---|---|
RGB Decimal | 104, 155, 178 | rgb(104,155,178) |
RGB Percent | 40.8, 60.8, 69.8 | rgb(40.8%,60.8%,69.8%) |
CMYK | 42, 13, 0, 30 | |
HSL | 198.6°, 32.5, 55.3 | hsl(198.6,32.5%,55.3%) |
HSV (or HSB) | 198.6°, 41.6, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 61.307, -10.888, -17.313 |
---|---|
XYZ | 25.464, 29.599, 46.488 |
xyY | 0.251, 0.291, 29.599 |
CIE-LCH | 61.307, 20.452, 237.834 |
CIE-LUV | 61.307, -24.358, -24.588 |
Hunter-Lab | 54.405, -11.662, -12.579 |
Binary | 01101000, 10011011, 10110010 |
Color Schemes with #689bb2
Alternatives to #689bb2
Below, you can see some colors close to #689bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#689bb2 Preview
This text has a font color of #689bb2.
<span style="color:#689bb2;">Text here</span>
This paragraph has a background color of #689bb2.
<p style="background-color:#689bb2;">Content here</p>
This element has a border color of #689bb2.
<div style="border:1px solid #689bb2;">Content here</div>
.text {color:#689bb2;}
.background {background-color:#689bb2;}
.border {border:1px solid #689bb2;}
Shades and Tints of #689bb2
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 #f7fafb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#090f12
#090f12
rgb(9,15,18)
-
#101a1f
#101a1f
rgb(16,26,31)
-
#16252c
#16252c
rgb(22,37,44)
-
#1d3039
#1d3039
rgb(29,48,57)
-
#243b46
#243b46
rgb(36,59,70)
-
#2a4653
#2a4653
rgb(42,70,83)
-
#315160
#315160
rgb(49,81,96)
-
#375c6d
#375c6d
rgb(55,92,109)
-
#3e677a
#3e677a
rgb(62,103,122)
-
#457287
#457287
rgb(69,114,135)
-
#4b7d94
#4b7d94
rgb(75,125,148)
-
#5288a1
#5288a1
rgb(82,136,161)
-
#5b92ab
#5b92ab
rgb(91,146,171)
-
#689bb2
#689bb2
rgb(104,155,178)
-
#75a4b9
#75a4b9
rgb(117,164,185)
-
#82acbf
#82acbf
rgb(130,172,191)
-
#8fb5c6
#8fb5c6
rgb(143,181,198)
-
#9cbdcc
#9cbdcc
rgb(156,189,204)
-
#a9c6d3
#a9c6d3
rgb(169,198,211)
-
#b6cfda
#b6cfda
rgb(182,207,218)
-
#c3d7e0
#c3d7e0
rgb(195,215,224)
-
#d0e0e7
#d0e0e7
rgb(208,224,231)
-
#dde8ee
#dde8ee
rgb(221,232,238)
-
#eaf1f4
#eaf1f4
rgb(234,241,244)
-
#f7fafb
#f7fafb
rgb(247,250,251)
Tones of #689bb2
A tone is produced by adding gray to any pure hue. In this case, #8b8e8f is the less saturated color, while #22b6f8 is the most saturated one.
-
#8b8e8f
#8b8e8f
rgb(139,142,143)
-
#829198
#829198
rgb(130,145,152)
-
#7a94a0
#7a94a0
rgb(122,148,160)
-
#7198a9
#7198a9
rgb(113,152,169)
-
#689bb2
#689bb2
rgb(104,155,178)
-
#5f9ebb
#5f9ebb
rgb(95,158,187)
-
#56a2c4
#56a2c4
rgb(86,162,196)
-
#4ea5cc
#4ea5cc
rgb(78,165,204)
-
#45a8d5
#45a8d5
rgb(69,168,213)
-
#3cacde
#3cacde
rgb(60,172,222)
-
#33afe7
#33afe7
rgb(51,175,231)
-
#2bb2ef
#2bb2ef
rgb(43,178,239)
-
#22b6f8
#22b6f8
rgb(34,182,248)
Color Blindness Simulator
Below, you can see how #689bb2 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.