#68a5ed Color Information
In a RGB color space, hex #68a5ed is composed of 40.8% red, 64.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 30.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 212.5 degrees, a saturation of 78.7% and a lightness of 66.9%. #68a5ed color hex could be obtained by blending #d0ffff with #004bdb. Closest websafe color is: #6699ff.
-
- R 41
- G 65
- B 93
-
- C 56
- M 30
- Y 0
- K 7
● #68a5ed color description : Soft blue.
#68a5ed Color Conversion
The hexadecimal color #68a5ed has RGB values of R:104, G:165, B:237 and CMYK values of C:0.56, M:0.3, Y:0, K:0.07. Its decimal value is 6858221.
Hex triplet | 68a5ed | #68a5ed |
---|---|---|
RGB Decimal | 104, 165, 237 | rgb(104,165,237) |
RGB Percent | 40.8, 64.7, 92.9 | rgb(40.8%,64.7%,92.9%) |
CMYK | 56, 30, 0, 7 | |
HSL | 212.5°, 78.7, 66.9 | hsl(212.5,78.7%,66.9%) |
HSV (or HSB) | 212.5°, 56.1, 92.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.494, 0.907, -42.099 |
---|---|
XYZ | 34.447, 35.966, 85.243 |
xyY | 0.221, 0.231, 35.966 |
CIE-LCH | 66.494, 42.109, 271.234 |
CIE-LUV | 66.494, -27.458, -67.587 |
Hunter-Lab | 59.971, -2.423, -42.294 |
Binary | 01101000, 10100101, 11101101 |
Color Schemes with #68a5ed
Alternatives to #68a5ed
Below, you can see some colors close to #68a5ed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#68a5ed Preview
This text has a font color of #68a5ed.
<span style="color:#68a5ed;">Text here</span>
This paragraph has a background color of #68a5ed.
<p style="background-color:#68a5ed;">Content here</p>
This element has a border color of #68a5ed.
<div style="border:1px solid #68a5ed;">Content here</div>
.text {color:#68a5ed;}
.background {background-color:#68a5ed;}
.border {border:1px solid #68a5ed;}
Shades and Tints of #68a5ed
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, #010407 is the darkest color, while #f4f9fe is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#030d18
#030d18
rgb(3,13,24)
-
#05162a
#05162a
rgb(5,22,42)
-
#071f3b
#071f3b
rgb(7,31,59)
-
#09284d
#09284d
rgb(9,40,77)
-
#0b315e
#0b315e
rgb(11,49,94)
-
#0d3b70
#0d3b70
rgb(13,59,112)
-
#0f4481
#0f4481
rgb(15,68,129)
-
#124d93
#124d93
rgb(18,77,147)
-
#1456a4
#1456a4
rgb(20,86,164)
-
#165fb6
#165fb6
rgb(22,95,182)
-
#1868c8
#1868c8
rgb(24,104,200)
-
#1a72d9
#1a72d9
rgb(26,114,217)
-
#227be5
#227be5
rgb(34,123,229)
-
#3386e7
#3386e7
rgb(51,134,231)
-
#4590e9
#4590e9
rgb(69,144,233)
-
#569beb
#569beb
rgb(86,155,235)
-
#68a5ed
#68a5ed
rgb(104,165,237)
-
#7aafef
#7aafef
rgb(122,175,239)
-
#8bbaf1
#8bbaf1
rgb(139,186,241)
-
#9dc4f3
#9dc4f3
rgb(157,196,243)
-
#aecff5
#aecff5
rgb(174,207,245)
-
#c0d9f7
#c0d9f7
rgb(192,217,247)
-
#d1e4fa
#d1e4fa
rgb(209,228,250)
-
#e3eefc
#e3eefc
rgb(227,238,252)
-
#f4f9fe
#f4f9fe
rgb(244,249,254)
Tones of #68a5ed
A tone is produced by adding gray to any pure hue. In this case, #a9aaac is the less saturated color, while #5ba4fa is the most saturated one.
-
#a9aaac
#a9aaac
rgb(169,170,172)
-
#a3aab3
#a3aab3
rgb(163,170,179)
-
#9ca9b9
#9ca9b9
rgb(156,169,185)
-
#96a9c0
#96a9c0
rgb(150,169,192)
-
#8fa8c6
#8fa8c6
rgb(143,168,198)
-
#89a8cd
#89a8cd
rgb(137,168,205)
-
#82a7d3
#82a7d3
rgb(130,167,211)
-
#7ca7da
#7ca7da
rgb(124,167,218)
-
#75a6e0
#75a6e0
rgb(117,166,224)
-
#6fa6e7
#6fa6e7
rgb(111,166,231)
-
#68a5ed
#68a5ed
rgb(104,165,237)
-
#62a4f4
#62a4f4
rgb(98,164,244)
-
#5ba4fa
#5ba4fa
rgb(91,164,250)
Color Blindness Simulator
Below, you can see how #68a5ed 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.