#6caed2 Color Information
In a RGB color space, hex #6caed2 is composed of 42.4% red, 68.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 17.1% magenta, 0% yellow and 17.6% black. It has a hue angle of 201.2 degrees, a saturation of 53.1% and a lightness of 62.4%. #6caed2 color hex could be obtained by blending #d8ffff with #005da5. Closest websafe color is: #6699cc.
-
- R 42
- G 68
- B 82
-
- C 49
- M 17
- Y 0
- K 18
● #6caed2 color description : Slightly desaturated blue.
#6caed2 Color Conversion
The hexadecimal color #6caed2 has RGB values of R:108, G:174, B:210 and CMYK values of C:0.49, M:0.17, Y:0, K:0.18. Its decimal value is 7122642.
Hex triplet | 6caed2 | #6caed2 |
---|---|---|
RGB Decimal | 108, 174, 210 | rgb(108,174,210) |
RGB Percent | 42.4, 68.2, 82.4 | rgb(42.4%,68.2%,82.4%) |
CMYK | 49, 17, 0, 18 | |
HSL | 201.2°, 53.1, 62.4 | hsl(201.2,53.1%,62.4%) |
HSV (or HSB) | 201.2°, 48.6, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 68.103, -11.266, -24.759 |
---|---|
XYZ | 32.95, 38.112, 66.589 |
xyY | 0.239, 0.277, 38.112 |
CIE-LCH | 68.103, 27.202, 245.533 |
CIE-LUV | 68.103, -30.09, -37.115 |
Hunter-Lab | 61.735, -12.762, -20.738 |
Binary | 01101100, 10101110, 11010010 |
Color Schemes with #6caed2
Alternatives to #6caed2
Below, you can see some colors close to #6caed2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6caed2 Preview
This text has a font color of #6caed2.
<span style="color:#6caed2;">Text here</span>
This paragraph has a background color of #6caed2.
<p style="background-color:#6caed2;">Content here</p>
This element has a border color of #6caed2.
<div style="border:1px solid #6caed2;">Content here</div>
.text {color:#6caed2;}
.background {background-color:#6caed2;}
.border {border:1px solid #6caed2;}
Shades and Tints of #6caed2
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, #010203 is the darkest color, while #f3f8fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060e12
#060e12
rgb(6,14,18)
-
#0a1921
#0a1921
rgb(10,25,33)
-
#0f2430
#0f2430
rgb(15,36,48)
-
#13303f
#13303f
rgb(19,48,63)
-
#183b4e
#183b4e
rgb(24,59,78)
-
#1d465d
#1d465d
rgb(29,70,93)
-
#21526c
#21526c
rgb(33,82,108)
-
#265d7b
#265d7b
rgb(38,93,123)
-
#2a688a
#2a688a
rgb(42,104,138)
-
#2f7499
#2f7499
rgb(47,116,153)
-
#347fa8
#347fa8
rgb(52,127,168)
-
#388ab7
#388ab7
rgb(56,138,183)
-
#3f95c4
#3f95c4
rgb(63,149,196)
-
#4e9dc9
#4e9dc9
rgb(78,157,201)
-
#5da6cd
#5da6cd
rgb(93,166,205)
-
#6caed2
#6caed2
rgb(108,174,210)
-
#7bb6d7
#7bb6d7
rgb(123,182,215)
-
#8abfdb
#8abfdb
rgb(138,191,219)
-
#99c7e0
#99c7e0
rgb(153,199,224)
-
#a8cfe4
#a8cfe4
rgb(168,207,228)
-
#b7d7e9
#b7d7e9
rgb(183,215,233)
-
#c6e0ee
#c6e0ee
rgb(198,224,238)
-
#d5e8f2
#d5e8f2
rgb(213,232,242)
-
#e4f0f7
#e4f0f7
rgb(228,240,247)
-
#f3f8fb
#f3f8fb
rgb(243,248,251)
Tones of #6caed2
A tone is produced by adding gray to any pure hue. In this case, #98a1a6 is the less saturated color, while #40bbfe is the most saturated one.
-
#98a1a6
#98a1a6
rgb(152,161,166)
-
#91a3ad
#91a3ad
rgb(145,163,173)
-
#8aa5b4
#8aa5b4
rgb(138,165,180)
-
#82a7bc
#82a7bc
rgb(130,167,188)
-
#7baac3
#7baac3
rgb(123,170,195)
-
#73accb
#73accb
rgb(115,172,203)
-
#6caed2
#6caed2
rgb(108,174,210)
-
#65b0d9
#65b0d9
rgb(101,176,217)
-
#5db2e1
#5db2e1
rgb(93,178,225)
-
#56b5e8
#56b5e8
rgb(86,181,232)
-
#4eb7f0
#4eb7f0
rgb(78,183,240)
-
#47b9f7
#47b9f7
rgb(71,185,247)
-
#40bbfe
#40bbfe
rgb(64,187,254)
Color Blindness Simulator
Below, you can see how #6caed2 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.