#6bb4d2 Color Information
In a RGB color space, hex #6bb4d2 is composed of 42% red, 70.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 14.3% magenta, 0% yellow and 17.6% black. It has a hue angle of 197.5 degrees, a saturation of 53.4% and a lightness of 62.2%. #6bb4d2 color hex could be obtained by blending #d6ffff with #0069a5. Closest websafe color is: #66cccc.
-
- R 42
- G 71
- B 82
-
- C 49
- M 14
- Y 0
- K 18
● #6bb4d2 color description : Slightly desaturated blue.
#6bb4d2 Color Conversion
The hexadecimal color #6bb4d2 has RGB values of R:107, G:180, B:210 and CMYK values of C:0.49, M:0.14, Y:0, K:0.18. Its decimal value is 7058642.
Hex triplet | 6bb4d2 | #6bb4d2 |
---|---|---|
RGB Decimal | 107, 180, 210 | rgb(107,180,210) |
RGB Percent | 42, 70.6, 82.4 | rgb(42%,70.6%,82.4%) |
CMYK | 49, 14, 0, 18 | |
HSL | 197.5°, 53.4, 62.2 | hsl(197.5,53.4%,62.2%) |
HSV (or HSB) | 197.5°, 49, 82.4 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 69.767, -14.699, -22.219 |
---|---|
XYZ | 34.015, 40.419, 66.979 |
xyY | 0.241, 0.286, 40.419 |
CIE-LCH | 69.767, 26.642, 236.513 |
CIE-LUV | 69.767, -32.746, -32.57 |
Hunter-Lab | 63.576, -15.757, -17.959 |
Binary | 01101011, 10110100, 11010010 |
Color Schemes with #6bb4d2
Alternatives to #6bb4d2
Below, you can see some colors close to #6bb4d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6bb4d2 Preview
This text has a font color of #6bb4d2.
<span style="color:#6bb4d2;">Text here</span>
This paragraph has a background color of #6bb4d2.
<p style="background-color:#6bb4d2;">Content here</p>
This element has a border color of #6bb4d2.
<div style="border:1px solid #6bb4d2;">Content here</div>
.text {color:#6bb4d2;}
.background {background-color:#6bb4d2;}
.border {border:1px solid #6bb4d2;}
Shades and Tints of #6bb4d2
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, #010202 is the darkest color, while #f2f9fb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#050e11
#050e11
rgb(5,14,17)
-
#0a1a21
#0a1a21
rgb(10,26,33)
-
#0e2630
#0e2630
rgb(14,38,48)
-
#13323f
#13323f
rgb(19,50,63)
-
#183e4e
#183e4e
rgb(24,62,78)
-
#1c4a5d
#1c4a5d
rgb(28,74,93)
-
#21566c
#21566c
rgb(33,86,108)
-
#25627b
#25627b
rgb(37,98,123)
-
#2a6e8a
#2a6e8a
rgb(42,110,138)
-
#2e7a99
#2e7a99
rgb(46,122,153)
-
#3386a8
#3386a8
rgb(51,134,168)
-
#3892b7
#3892b7
rgb(56,146,183)
-
#3e9dc4
#3e9dc4
rgb(62,157,196)
-
#4da5c9
#4da5c9
rgb(77,165,201)
-
#5caccd
#5caccd
rgb(92,172,205)
-
#6bb4d2
#6bb4d2
rgb(107,180,210)
-
#7abcd7
#7abcd7
rgb(122,188,215)
-
#89c3db
#89c3db
rgb(137,195,219)
-
#98cbe0
#98cbe0
rgb(152,203,224)
-
#a7d2e4
#a7d2e4
rgb(167,210,228)
-
#b6dae9
#b6dae9
rgb(182,218,233)
-
#c5e2ed
#c5e2ed
rgb(197,226,237)
-
#d4e9f2
#d4e9f2
rgb(212,233,242)
-
#e3f1f7
#e3f1f7
rgb(227,241,247)
-
#f2f9fb
#f2f9fb
rgb(242,249,251)
Tones of #6bb4d2
A tone is produced by adding gray to any pure hue. In this case, #98a1a5 is the less saturated color, while #3ec7ff is the most saturated one.
-
#98a1a5
#98a1a5
rgb(152,161,165)
-
#90a5ad
#90a5ad
rgb(144,165,173)
-
#89a8b4
#89a8b4
rgb(137,168,180)
-
#81abbc
#81abbc
rgb(129,171,188)
-
#7aaec3
#7aaec3
rgb(122,174,195)
-
#72b1cb
#72b1cb
rgb(114,177,203)
-
#6bb4d2
#6bb4d2
rgb(107,180,210)
-
#64b7d9
#64b7d9
rgb(100,183,217)
-
#5cbae1
#5cbae1
rgb(92,186,225)
-
#55bde8
#55bde8
rgb(85,189,232)
-
#4dc0f0
#4dc0f0
rgb(77,192,240)
-
#46c3f7
#46c3f7
rgb(70,195,247)
-
#3ec7ff
#3ec7ff
rgb(62,199,255)
Color Blindness Simulator
Below, you can see how #6bb4d2 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.