#3ca5b0 Color Information
In a RGB color space, hex #3ca5b0 is composed of 23.5% red, 64.7% green and 69% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 6.2% magenta, 0% yellow and 31% black. It has a hue angle of 185.7 degrees, a saturation of 49.2% and a lightness of 46.3%. #3ca5b0 color hex could be obtained by blending #78ffff with #004b61. Closest websafe color is: #339999.
-
- R 24
- G 65
- B 69
-
- C 66
- M 6
- Y 0
- K 31
● #3ca5b0 color description : Dark moderate cyan.
#3ca5b0 Color Conversion
The hexadecimal color #3ca5b0 has RGB values of R:60, G:165, B:176 and CMYK values of C:0.66, M:0.06, Y:0, K:0.31. Its decimal value is 3974576.
Hex triplet | 3ca5b0 | #3ca5b0 |
---|---|---|
RGB Decimal | 60, 165, 176 | rgb(60,165,176) |
RGB Percent | 23.5, 64.7, 69 | rgb(23.5%,64.7%,69%) |
CMYK | 66, 6, 0, 31 | |
HSL | 185.7°, 49.2, 46.3 | hsl(185.7,49.2%,46.3%) |
HSV (or HSB) | 185.7°, 65.9, 69 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.511, -26.142, -14.529 |
---|---|
XYZ | 23.153, 31.004, 45.836 |
xyY | 0.232, 0.31, 31.004 |
CIE-LCH | 62.511, 29.908, 209.065 |
CIE-LUV | 62.511, -40.494, -18.199 |
Hunter-Lab | 55.681, -23.219, -9.83 |
Binary | 00111100, 10100101, 10110000 |
Color Schemes with #3ca5b0
Alternatives to #3ca5b0
Below, you can see some colors close to #3ca5b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ca5b0 Preview
This text has a font color of #3ca5b0.
<span style="color:#3ca5b0;">Text here</span>
This paragraph has a background color of #3ca5b0.
<p style="background-color:#3ca5b0;">Content here</p>
This element has a border color of #3ca5b0.
<div style="border:1px solid #3ca5b0;">Content here</div>
.text {color:#3ca5b0;}
.background {background-color:#3ca5b0;}
.border {border:1px solid #3ca5b0;}
Shades and Tints of #3ca5b0
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, #000000 is the darkest color, while #f1f9fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050e0f
#050e0f
rgb(5,14,15)
-
#0a1c1e
#0a1c1e
rgb(10,28,30)
-
#0f2a2c
#0f2a2c
rgb(15,42,44)
-
#14373b
#14373b
rgb(20,55,59)
-
#19454a
#19454a
rgb(25,69,74)
-
#1e5358
#1e5358
rgb(30,83,88)
-
#236067
#236067
rgb(35,96,103)
-
#286e75
#286e75
rgb(40,110,117)
-
#2d7c84
#2d7c84
rgb(45,124,132)
-
#328a93
#328a93
rgb(50,138,147)
-
#3797a1
#3797a1
rgb(55,151,161)
-
#3ca5b0
#3ca5b0
rgb(60,165,176)
-
#41b2be
#41b2be
rgb(65,178,190)
-
#50b8c3
#50b8c3
rgb(80,184,195)
-
#5fbec8
#5fbec8
rgb(95,190,200)
-
#6dc4cd
#6dc4cd
rgb(109,196,205)
-
#7ccad2
#7ccad2
rgb(124,202,210)
-
#8ad0d7
#8ad0d7
rgb(138,208,215)
-
#99d6dc
#99d6dc
rgb(153,214,220)
-
#a8dce1
#a8dce1
rgb(168,220,225)
-
#b6e2e6
#b6e2e6
rgb(182,226,230)
-
#c5e8eb
#c5e8eb
rgb(197,232,235)
-
#d4edf0
#d4edf0
rgb(212,237,240)
-
#e2f3f5
#e2f3f5
rgb(226,243,245)
-
#f1f9fa
#f1f9fa
rgb(241,249,250)
Tones of #3ca5b0
A tone is produced by adding gray to any pure hue. In this case, #72797a is the less saturated color, while #06d1e6 is the most saturated one.
-
#72797a
#72797a
rgb(114,121,122)
-
#698083
#698083
rgb(105,128,131)
-
#60888c
#60888c
rgb(96,136,140)
-
#578f95
#578f95
rgb(87,143,149)
-
#4e969e
#4e969e
rgb(78,150,158)
-
#459ea7
#459ea7
rgb(69,158,167)
-
#3ca5b0
#3ca5b0
rgb(60,165,176)
-
#33acb9
#33acb9
rgb(51,172,185)
-
#2ab4c2
#2ab4c2
rgb(42,180,194)
-
#21bbcb
#21bbcb
rgb(33,187,203)
-
#18c2d4
#18c2d4
rgb(24,194,212)
-
#0fcadd
#0fcadd
rgb(15,202,221)
-
#06d1e6
#06d1e6
rgb(6,209,230)
Color Blindness Simulator
Below, you can see how #3ca5b0 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.