#688aaf Color Information
In a RGB color space, hex #688aaf is composed of 40.8% red, 54.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 21.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 211.3 degrees, a saturation of 30.7% and a lightness of 54.7%. #688aaf color hex could be obtained by blending #d0ffff with #00155f. Closest websafe color is: #669999.
-
- R 41
- G 54
- B 69
-
- C 41
- M 21
- Y 0
- K 31
● #688aaf color description : Mostly desaturated dark blue.
#688aaf Color Conversion
The hexadecimal color #688aaf has RGB values of R:104, G:138, B:175 and CMYK values of C:0.41, M:0.21, Y:0, K:0.31. Its decimal value is 6851247.
Hex triplet | 688aaf | #688aaf |
---|---|---|
RGB Decimal | 104, 138, 175 | rgb(104,138,175) |
RGB Percent | 40.8, 54.1, 68.6 | rgb(40.8%,54.1%,68.6%) |
CMYK | 41, 21, 0, 31 | |
HSL | 211.3°, 30.7, 54.7 | hsl(211.3,30.7%,54.7%) |
HSV (or HSB) | 211.3°, 40.6, 68.6 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 56.302, -2.188, -23.252 |
---|---|
XYZ | 22.534, 24.214, 44.042 |
xyY | 0.248, 0.267, 24.214 |
CIE-LCH | 56.302, 23.355, 264.624 |
CIE-LUV | 56.302, -17.414, -34.782 |
Hunter-Lab | 49.208, -4.375, -18.619 |
Binary | 01101000, 10001010, 10101111 |
Color Schemes with #688aaf
Alternatives to #688aaf
Below, you can see some colors close to #688aaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#688aaf Preview
This text has a font color of #688aaf.
<span style="color:#688aaf;">Text here</span>
This paragraph has a background color of #688aaf.
<p style="background-color:#688aaf;">Content here</p>
This element has a border color of #688aaf.
<div style="border:1px solid #688aaf;">Content here</div>
.text {color:#688aaf;}
.background {background-color:#688aaf;}
.border {border:1px solid #688aaf;}
Shades and Tints of #688aaf
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, #020203 is the darkest color, while #f5f7fa is the lightest one.
-
#020203
#020203
rgb(2,2,3)
-
#080c10
#080c10
rgb(8,12,16)
-
#0f161d
#0f161d
rgb(15,22,29)
-
#161f29
#161f29
rgb(22,31,41)
-
#1d2936
#1d2936
rgb(29,41,54)
-
#233343
#233343
rgb(35,51,67)
-
#2a3c50
#2a3c50
rgb(42,60,80)
-
#31465d
#31465d
rgb(49,70,93)
-
#385069
#385069
rgb(56,80,105)
-
#3f5976
#3f5976
rgb(63,89,118)
-
#456383
#456383
rgb(69,99,131)
-
#4c6d90
#4c6d90
rgb(76,109,144)
-
#53769d
#53769d
rgb(83,118,157)
-
#5b80a8
#5b80a8
rgb(91,128,168)
-
#688aaf
#688aaf
rgb(104,138,175)
-
#7594b6
#7594b6
rgb(117,148,182)
-
#829ebd
#829ebd
rgb(130,158,189)
-
#8ea8c3
#8ea8c3
rgb(142,168,195)
-
#9bb2ca
#9bb2ca
rgb(155,178,202)
-
#a8bcd1
#a8bcd1
rgb(168,188,209)
-
#b5c6d8
#b5c6d8
rgb(181,198,216)
-
#c2d0df
#c2d0df
rgb(194,208,223)
-
#cfd9e5
#cfd9e5
rgb(207,217,229)
-
#dbe3ec
#dbe3ec
rgb(219,227,236)
-
#e8edf3
#e8edf3
rgb(232,237,243)
-
#f5f7fa
#f5f7fa
rgb(245,247,250)
Tones of #688aaf
A tone is produced by adding gray to any pure hue. In this case, #838b94 is the less saturated color, while #1887ff is the most saturated one.
-
#838b94
#838b94
rgb(131,139,148)
-
#7a8b9d
#7a8b9d
rgb(122,139,157)
-
#718aa6
#718aa6
rgb(113,138,166)
-
#688aaf
#688aaf
rgb(104,138,175)
-
#5f8ab8
#5f8ab8
rgb(95,138,184)
-
#5689c1
#5689c1
rgb(86,137,193)
-
#4d89ca
#4d89ca
rgb(77,137,202)
-
#4488d3
#4488d3
rgb(68,136,211)
-
#3c88db
#3c88db
rgb(60,136,219)
-
#3388e4
#3388e4
rgb(51,136,228)
-
#2a87ed
#2a87ed
rgb(42,135,237)
-
#2187f6
#2187f6
rgb(33,135,246)
-
#1887ff
#1887ff
rgb(24,135,255)
Color Blindness Simulator
Below, you can see how #688aaf 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.