#6ba5cd Color Information
In a RGB color space, hex #6ba5cd is composed of 42% red, 64.7% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 19.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 204.5 degrees, a saturation of 49.5% and a lightness of 61.2%. #6ba5cd color hex could be obtained by blending #d6ffff with #004b9b. Closest websafe color is: #6699cc.
-
- R 42
- G 65
- B 80
-
- C 48
- M 20
- Y 0
- K 20
● #6ba5cd color description : Slightly desaturated blue.
#6ba5cd Color Conversion
The hexadecimal color #6ba5cd has RGB values of R:107, G:165, B:205 and CMYK values of C:0.48, M:0.2, Y:0, K:0.2. Its decimal value is 7054797.
Hex triplet | 6ba5cd | #6ba5cd |
---|---|---|
RGB Decimal | 107, 165, 205 | rgb(107,165,205) |
RGB Percent | 42, 64.7, 80.4 | rgb(42%,64.7%,80.4%) |
CMYK | 48, 20, 0, 20 | |
HSL | 204.5°, 49.5, 61.2 | hsl(204.5,49.5%,61.2%) |
HSV (or HSB) | 204.5°, 47.8, 80.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 65.312, -8.038, -26.281 |
---|---|
XYZ | 30.535, 34.442, 62.793 |
xyY | 0.239, 0.27, 34.442 |
CIE-LCH | 65.312, 27.483, 252.995 |
CIE-LUV | 65.312, -26.987, -39.829 |
Hunter-Lab | 58.687, -9.829, -22.357 |
Binary | 01101011, 10100101, 11001101 |
Color Schemes with #6ba5cd
Alternatives to #6ba5cd
Below, you can see some colors close to #6ba5cd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6ba5cd Preview
This text has a font color of #6ba5cd.
<span style="color:#6ba5cd;">Text here</span>
This paragraph has a background color of #6ba5cd.
<p style="background-color:#6ba5cd;">Content here</p>
This element has a border color of #6ba5cd.
<div style="border:1px solid #6ba5cd;">Content here</div>
.text {color:#6ba5cd;}
.background {background-color:#6ba5cd;}
.border {border:1px solid #6ba5cd;}
Shades and Tints of #6ba5cd
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, #040a0d is the darkest color, while #fefeff is the lightest one.
-
#040a0d
#040a0d
rgb(4,10,13)
-
#09141c
#09141c
rgb(9,20,28)
-
#0e1f2b
#0e1f2b
rgb(14,31,43)
-
#132a39
#132a39
rgb(19,42,57)
-
#183448
#183448
rgb(24,52,72)
-
#1d3f57
#1d3f57
rgb(29,63,87)
-
#224a65
#224a65
rgb(34,74,101)
-
#275574
#275574
rgb(39,85,116)
-
#2c5f83
#2c5f83
rgb(44,95,131)
-
#316a91
#316a91
rgb(49,106,145)
-
#3675a0
#3675a0
rgb(54,117,160)
-
#3b7faf
#3b7faf
rgb(59,127,175)
-
#408abd
#408abd
rgb(64,138,189)
-
#4e93c3
#4e93c3
rgb(78,147,195)
-
#5c9cc8
#5c9cc8
rgb(92,156,200)
-
#6ba5cd
#6ba5cd
rgb(107,165,205)
-
#7aaed2
#7aaed2
rgb(122,174,210)
-
#88b7d7
#88b7d7
rgb(136,183,215)
-
#97c0dc
#97c0dc
rgb(151,192,220)
-
#a6c9e1
#a6c9e1
rgb(166,201,225)
-
#b4d2e6
#b4d2e6
rgb(180,210,230)
-
#c3daeb
#c3daeb
rgb(195,218,235)
-
#d2e3f0
#d2e3f0
rgb(210,227,240)
-
#e0ecf5
#e0ecf5
rgb(224,236,245)
-
#eff5fa
#eff5fa
rgb(239,245,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #6ba5cd
A tone is produced by adding gray to any pure hue. In this case, #999d9f is the less saturated color, while #3dadfb is the most saturated one.
-
#999d9f
#999d9f
rgb(153,157,159)
-
#919ea7
#919ea7
rgb(145,158,167)
-
#899faf
#899faf
rgb(137,159,175)
-
#82a1b6
#82a1b6
rgb(130,161,182)
-
#7aa2be
#7aa2be
rgb(122,162,190)
-
#73a4c5
#73a4c5
rgb(115,164,197)
-
#6ba5cd
#6ba5cd
rgb(107,165,205)
-
#63a6d5
#63a6d5
rgb(99,166,213)
-
#5ca8dc
#5ca8dc
rgb(92,168,220)
-
#54a9e4
#54a9e4
rgb(84,169,228)
-
#4dabeb
#4dabeb
rgb(77,171,235)
-
#45acf3
#45acf3
rgb(69,172,243)
-
#3dadfb
#3dadfb
rgb(61,173,251)
Color Blindness Simulator
Below, you can see how #6ba5cd 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.