#689cb6 Color Information
In a RGB color space, hex #689cb6 is composed of 40.8% red, 61.2% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 14.3% magenta, 0% yellow and 28.6% black. It has a hue angle of 200 degrees, a saturation of 34.8% and a lightness of 56.1%. #689cb6 color hex could be obtained by blending #d0ffff with #00396d. Closest websafe color is: #6699cc.
-
- R 41
- G 61
- B 71
-
- C 43
- M 14
- Y 0
- K 29
● #689cb6 color description : Slightly desaturated blue.
#689cb6 Color Conversion
The hexadecimal color #689cb6 has RGB values of R:104, G:156, B:182 and CMYK values of C:0.43, M:0.14, Y:0, K:0.29. Its decimal value is 6855862.
Hex triplet | 689cb6 | #689cb6 |
---|---|---|
RGB Decimal | 104, 156, 182 | rgb(104,156,182) |
RGB Percent | 40.8, 61.2, 71.4 | rgb(40.8%,61.2%,71.4%) |
CMYK | 43, 14, 0, 29 | |
HSL | 200°, 34.8, 56.1 | hsl(200,34.8%,56.1%) |
HSV (or HSB) | 200°, 42.9, 71.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 61.737, -10.337, -18.912 |
---|---|
XYZ | 26.039, 30.096, 48.69 |
xyY | 0.248, 0.287, 30.096 |
CIE-LCH | 61.737, 21.553, 241.339 |
CIE-LUV | 61.737, -24.723, -27.244 |
Hunter-Lab | 54.86, -11.281, -14.22 |
Binary | 01101000, 10011100, 10110110 |
Color Schemes with #689cb6
Alternatives to #689cb6
Below, you can see some colors close to #689cb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#689cb6 Preview
This text has a font color of #689cb6.
<span style="color:#689cb6;">Text here</span>
This paragraph has a background color of #689cb6.
<p style="background-color:#689cb6;">Content here</p>
This element has a border color of #689cb6.
<div style="border:1px solid #689cb6;">Content here</div>
.text {color:#689cb6;}
.background {background-color:#689cb6;}
.border {border:1px solid #689cb6;}
Shades and Tints of #689cb6
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, #040608 is the darkest color, while #f9fbfc is the lightest one.
-
#040608
#040608
rgb(4,6,8)
-
#0a1115
#0a1115
rgb(10,17,21)
-
#101c22
#101c22
rgb(16,28,34)
-
#17272f
#17272f
rgb(23,39,47)
-
#1d323d
#1d323d
rgb(29,50,61)
-
#243d4a
#243d4a
rgb(36,61,74)
-
#2a4857
#2a4857
rgb(42,72,87)
-
#305364
#305364
rgb(48,83,100)
-
#375e71
#375e71
rgb(55,94,113)
-
#3d697f
#3d697f
rgb(61,105,127)
-
#44748c
#44748c
rgb(68,116,140)
-
#4a7f99
#4a7f99
rgb(74,127,153)
-
#508aa6
#508aa6
rgb(80,138,166)
-
#5b93b0
#5b93b0
rgb(91,147,176)
-
#689cb6
#689cb6
rgb(104,156,182)
-
#75a5bc
#75a5bc
rgb(117,165,188)
-
#82adc3
#82adc3
rgb(130,173,195)
-
#90b6c9
#90b6c9
rgb(144,182,201)
-
#9dbfd0
#9dbfd0
rgb(157,191,208)
-
#aac7d6
#aac7d6
rgb(170,199,214)
-
#b7d0dc
#b7d0dc
rgb(183,208,220)
-
#c5d9e3
#c5d9e3
rgb(197,217,227)
-
#d2e1e9
#d2e1e9
rgb(210,225,233)
-
#dfeaf0
#dfeaf0
rgb(223,234,240)
-
#ecf3f6
#ecf3f6
rgb(236,243,246)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #689cb6
A tone is produced by adding gray to any pure hue. In this case, #8a9194 is the less saturated color, while #23b3fb is the most saturated one.
-
#8a9194
#8a9194
rgb(138,145,148)
-
#82939c
#82939c
rgb(130,147,156)
-
#7996a5
#7996a5
rgb(121,150,165)
-
#7199ad
#7199ad
rgb(113,153,173)
-
#689cb6
#689cb6
rgb(104,156,182)
-
#5f9fbf
#5f9fbf
rgb(95,159,191)
-
#57a2c7
#57a2c7
rgb(87,162,199)
-
#4ea5d0
#4ea5d0
rgb(78,165,208)
-
#46a7d8
#46a7d8
rgb(70,167,216)
-
#3daae1
#3daae1
rgb(61,170,225)
-
#34adea
#34adea
rgb(52,173,234)
-
#2cb0f2
#2cb0f2
rgb(44,176,242)
-
#23b3fb
#23b3fb
rgb(35,179,251)
Color Blindness Simulator
Below, you can see how #689cb6 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.