#3caab5 Color Information
In a RGB color space, hex #3caab5 is composed of 23.5% red, 66.7% green and 71% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 6.1% magenta, 0% yellow and 29% black. It has a hue angle of 185.5 degrees, a saturation of 50.2% and a lightness of 47.3%. #3caab5 color hex could be obtained by blending #78ffff with #00556b. Closest websafe color is: #3399cc.
-
- R 24
- G 67
- B 71
-
- C 67
- M 6
- Y 0
- K 29
● #3caab5 color description : Moderate cyan.
#3caab5 Color Conversion
The hexadecimal color #3caab5 has RGB values of R:60, G:170, B:181 and CMYK values of C:0.67, M:0.06, Y:0, K:0.29. Its decimal value is 3975861.
Hex triplet | 3caab5 | #3caab5 |
---|---|---|
RGB Decimal | 60, 170, 181 | rgb(60,170,181) |
RGB Percent | 23.5, 66.7, 71 | rgb(23.5%,66.7%,71%) |
CMYK | 67, 6, 0, 29 | |
HSL | 185.5°, 50.2, 47.3 | hsl(185.5,50.2%,47.3%) |
HSV (or HSB) | 185.5°, 66.9, 71 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.197, -27.136, -14.782 |
---|---|
XYZ | 24.576, 33.044, 48.796 |
xyY | 0.231, 0.311, 33.044 |
CIE-LCH | 64.197, 30.901, 208.579 |
CIE-LUV | 64.197, -42.04, -18.539 |
Hunter-Lab | 57.484, -24.283, -10.091 |
Binary | 00111100, 10101010, 10110101 |
Color Schemes with #3caab5
Alternatives to #3caab5
Below, you can see some colors close to #3caab5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3caab5 Preview
This text has a font color of #3caab5.
<span style="color:#3caab5;">Text here</span>
This paragraph has a background color of #3caab5.
<p style="background-color:#3caab5;">Content here</p>
This element has a border color of #3caab5.
<div style="border:1px solid #3caab5;">Content here</div>
.text {color:#3caab5;}
.background {background-color:#3caab5;}
.border {border:1px solid #3caab5;}
Shades and Tints of #3caab5
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, #010404 is the darkest color, while #f4fbfc is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#061213
#061213
rgb(6,18,19)
-
#0b2022
#0b2022
rgb(11,32,34)
-
#102d30
#102d30
rgb(16,45,48)
-
#153b3f
#153b3f
rgb(21,59,63)
-
#1a494e
#1a494e
rgb(26,73,78)
-
#1f575d
#1f575d
rgb(31,87,93)
-
#24656b
#24656b
rgb(36,101,107)
-
#28737a
#28737a
rgb(40,115,122)
-
#2d8089
#2d8089
rgb(45,128,137)
-
#328e98
#328e98
rgb(50,142,152)
-
#379ca6
#379ca6
rgb(55,156,166)
-
#3caab5
#3caab5
rgb(60,170,181)
-
#44b6c1
#44b6c1
rgb(68,182,193)
-
#52bbc6
#52bbc6
rgb(82,187,198)
-
#61c1cb
#61c1cb
rgb(97,193,203)
-
#70c7d0
#70c7d0
rgb(112,199,208)
-
#7fcdd4
#7fcdd4
rgb(127,205,212)
-
#8dd2d9
#8dd2d9
rgb(141,210,217)
-
#9cd8de
#9cd8de
rgb(156,216,222)
-
#abdee3
#abdee3
rgb(171,222,227)
-
#bae4e8
#bae4e8
rgb(186,228,232)
-
#c8eaed
#c8eaed
rgb(200,234,237)
-
#d7eff2
#d7eff2
rgb(215,239,242)
-
#e6f5f7
#e6f5f7
rgb(230,245,247)
-
#f4fbfc
#f4fbfc
rgb(244,251,252)
Tones of #3caab5
A tone is produced by adding gray to any pure hue. In this case, #747c7d is the less saturated color, while #04d8ed is the most saturated one.
-
#747c7d
#747c7d
rgb(116,124,125)
-
#6a8487
#6a8487
rgb(106,132,135)
-
#618c90
#618c90
rgb(97,140,144)
-
#589399
#589399
rgb(88,147,153)
-
#4f9ba2
#4f9ba2
rgb(79,155,162)
-
#45a2ac
#45a2ac
rgb(69,162,172)
-
#3caab5
#3caab5
rgb(60,170,181)
-
#33b2be
#33b2be
rgb(51,178,190)
-
#29b9c8
#29b9c8
rgb(41,185,200)
-
#20c1d1
#20c1d1
rgb(32,193,209)
-
#17c8da
#17c8da
rgb(23,200,218)
-
#0ed0e3
#0ed0e3
rgb(14,208,227)
-
#04d8ed
#04d8ed
rgb(4,216,237)
Color Blindness Simulator
Below, you can see how #3caab5 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.