#6caaaa Color Information
In a RGB color space, hex #6caaaa is composed of 42.4% red, 66.7% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 0% yellow and 33.3% black. It has a hue angle of 180 degrees, a saturation of 26.7% and a lightness of 54.5%. #6caaaa color hex could be obtained by blending #d8ffff with #005555. Closest websafe color is: #669999.
-
- R 42
- G 67
- B 67
-
- C 36
- M 0
- Y 0
- K 33
● #6caaaa color description : Mostly desaturated dark cyan.
#6caaaa Color Conversion
The hexadecimal color #6caaaa has RGB values of R:108, G:170, B:170 and CMYK values of C:0.36, M:0, Y:0, K:0.33. Its decimal value is 7121578.
| Hex triplet | 6caaaa | #6caaaa |
|---|---|---|
| RGB Decimal | 108, 170, 170 | rgb(108,170,170) |
| RGB Percent | 42.4, 66.7, 66.7 | rgb(42.4%,66.7%,66.7%) |
| CMYK | 36, 0, 0, 33 | |
| HSL | 180°, 26.7, 54.5 | hsl(180,26.7%,54.5%) |
| HSV (or HSB) | 180°, 36.5, 66.7 | |
| Web Safe | 669999 | #669999 |
| CIE-LAB | 65.623, -19.872, -6.332 |
|---|---|
| XYZ | 27.813, 34.838, 43.287 |
| xyY | 0.263, 0.329, 34.838 |
| CIE-LCH | 65.623, 20.857, 197.673 |
| CIE-LUV | 65.623, -29.257, -6.321 |
| Hunter-Lab | 59.024, -19.181, -2.165 |
| Binary | 01101100, 10101010, 10101010 |
Color Schemes with #6caaaa
Alternatives to #6caaaa
Below, you can see some colors close to #6caaaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6caaaa Preview
This text has a font color of #6caaaa.
<span style="color:#6caaaa;">Text here</span>
This paragraph has a background color of #6caaaa.
<p style="background-color:#6caaaa;">Content here</p>
This element has a border color of #6caaaa.
<div style="border:1px solid #6caaaa;">Content here</div>
.text {color:#6caaaa;}
.background {background-color:#6caaaa;}
.border {border:1px solid #6caaaa;}
Shades and Tints of #6caaaa
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 #f5f9f9 is the lightest one.
-
#010202
#010202rgb(1,2,2) -
#080f0f
#080f0frgb(8,15,15) -
#101b1b
#101b1brgb(16,27,27) -
#172727
#172727rgb(23,39,39) -
#1e3434
#1e3434rgb(30,52,52) -
#254040
#254040rgb(37,64,64) -
#2c4d4d
#2c4d4drgb(44,77,77) -
#345959
#345959rgb(52,89,89) -
#3b6666
#3b6666rgb(59,102,102) -
#427272
#427272rgb(66,114,114) -
#497e7e
#497e7ergb(73,126,126) -
#508b8b
#508b8brgb(80,139,139) -
#579797
#579797rgb(87,151,151)
-
#60a3a3
#60a3a3rgb(96,163,163) -
#6caaaa
#6caaaargb(108,170,170) -
#78b1b1
#78b1b1rgb(120,177,177) -
#85b8b8
#85b8b8rgb(133,184,184) -
#91c0c0
#91c0c0rgb(145,192,192) -
#9ec7c7
#9ec7c7rgb(158,199,199) -
#aacece
#aacecergb(170,206,206) -
#b7d5d5
#b7d5d5rgb(183,213,213) -
#c3dcdc
#c3dcdcrgb(195,220,220) -
#cfe3e3
#cfe3e3rgb(207,227,227) -
#dcebeb
#dcebebrgb(220,235,235) -
#e8f2f2
#e8f2f2rgb(232,242,242) -
#f5f9f9
#f5f9f9rgb(245,249,249)
Tones of #6caaaa
A tone is produced by adding gray to any pure hue. In this case, #878f8f is the less saturated color, while #1cfafa is the most saturated one.
-
#878f8f
#878f8frgb(135,143,143) -
#7e9898
#7e9898rgb(126,152,152) -
#75a1a1
#75a1a1rgb(117,161,161) -
#6caaaa
#6caaaargb(108,170,170) -
#63b3b3
#63b3b3rgb(99,179,179) -
#5abcbc
#5abcbcrgb(90,188,188) -
#51c5c5
#51c5c5rgb(81,197,197) -
#48cece
#48cecergb(72,206,206) -
#3fd7d7
#3fd7d7rgb(63,215,215) -
#36e0e0
#36e0e0rgb(54,224,224) -
#2ee8e8
#2ee8e8rgb(46,232,232) -
#25f1f1
#25f1f1rgb(37,241,241) -
#1cfafa
#1cfafargb(28,250,250)
Color Blindness Simulator
Below, you can see how #6caaaa 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.
