#3caab4 Color Information
In a RGB color space, hex #3caab4 is composed of 23.5% red, 66.7% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 5.6% magenta, 0% yellow and 29.4% black. It has a hue angle of 185 degrees, a saturation of 50% and a lightness of 47.1%. #3caab4 color hex could be obtained by blending #78ffff with #005569. Closest websafe color is: #3399cc.
-
- R 24
- G 67
- B 71
-
- C 67
- M 6
- Y 0
- K 29
● #3caab4 color description : Moderate cyan.
#3caab4 Color Conversion
The hexadecimal color #3caab4 has RGB values of R:60, G:170, B:180 and CMYK values of C:0.67, M:0.06, Y:0, K:0.29. Its decimal value is 3975860.
Hex triplet | 3caab4 | #3caab4 |
---|---|---|
RGB Decimal | 60, 170, 180 | rgb(60,170,180) |
RGB Percent | 23.5, 66.7, 70.6 | rgb(23.5%,66.7%,70.6%) |
CMYK | 67, 6, 0, 29 | |
HSL | 185°, 50, 47.1 | hsl(185,50%,47.1%) |
HSV (or HSB) | 185°, 66.7, 70.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.164, -27.436, -14.274 |
---|---|
XYZ | 24.474, 33.003, 48.258 |
xyY | 0.231, 0.312, 33.003 |
CIE-LCH | 64.164, 30.927, 207.486 |
CIE-LUV | 64.164, -42.1, -17.686 |
Hunter-Lab | 57.449, -24.491, -9.591 |
Binary | 00111100, 10101010, 10110100 |
Color Schemes with #3caab4
Alternatives to #3caab4
Below, you can see some colors close to #3caab4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caab4 Preview
This text has a font color of #3caab4.
<span style="color:#3caab4;">Text here</span>
This paragraph has a background color of #3caab4.
<p style="background-color:#3caab4;">Content here</p>
This element has a border color of #3caab4.
<div style="border:1px solid #3caab4;">Content here</div>
.text {color:#3caab4;}
.background {background-color:#3caab4;}
.border {border:1px solid #3caab4;}
Shades and Tints of #3caab4
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, #010303 is the darkest color, while #f4fbfb is the lightest one.
-
#010303
#010303
rgb(1,3,3)
-
#061112
#061112
rgb(6,17,18)
-
#0b1f21
#0b1f21
rgb(11,31,33)
-
#102d30
#102d30
rgb(16,45,48)
-
#153b3e
#153b3e
rgb(21,59,62)
-
#1a494d
#1a494d
rgb(26,73,77)
-
#1f575c
#1f575c
rgb(31,87,92)
-
#23656a
#23656a
rgb(35,101,106)
-
#287279
#287279
rgb(40,114,121)
-
#2d8088
#2d8088
rgb(45,128,136)
-
#328e97
#328e97
rgb(50,142,151)
-
#379ca5
#379ca5
rgb(55,156,165)
-
#3caab4
#3caab4
rgb(60,170,180)
-
#43b6c0
#43b6c0
rgb(67,182,192)
-
#52bcc5
#52bcc5
rgb(82,188,197)
-
#61c1ca
#61c1ca
rgb(97,193,202)
-
#6fc7cf
#6fc7cf
rgb(111,199,207)
-
#7ecdd4
#7ecdd4
rgb(126,205,212)
-
#8dd3d9
#8dd3d9
rgb(141,211,217)
-
#9bd8de
#9bd8de
rgb(155,216,222)
-
#aadee3
#aadee3
rgb(170,222,227)
-
#b9e4e8
#b9e4e8
rgb(185,228,232)
-
#c8e9ed
#c8e9ed
rgb(200,233,237)
-
#d6eff1
#d6eff1
rgb(214,239,241)
-
#e5f5f6
#e5f5f6
rgb(229,245,246)
-
#f4fbfb
#f4fbfb
rgb(244,251,251)
Tones of #3caab4
A tone is produced by adding gray to any pure hue. In this case, #737c7d is the less saturated color, while #05d8eb is the most saturated one.
-
#737c7d
#737c7d
rgb(115,124,125)
-
#6a8486
#6a8486
rgb(106,132,134)
-
#618b8f
#618b8f
rgb(97,139,143)
-
#589398
#589398
rgb(88,147,152)
-
#4e9ba2
#4e9ba2
rgb(78,155,162)
-
#45a2ab
#45a2ab
rgb(69,162,171)
-
#3caab4
#3caab4
rgb(60,170,180)
-
#33b2bd
#33b2bd
rgb(51,178,189)
-
#2ab9c6
#2ab9c6
rgb(42,185,198)
-
#20c1d0
#20c1d0
rgb(32,193,208)
-
#17c9d9
#17c9d9
rgb(23,201,217)
-
#0ed0e2
#0ed0e2
rgb(14,208,226)
-
#05d8eb
#05d8eb
rgb(5,216,235)
Color Blindness Simulator
Below, you can see how #3caab4 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.