#3a5e60 Color Information
In a RGB color space, hex #3a5e60 is composed of 22.7% red, 36.9% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 39.6% cyan, 2.1% magenta, 0% yellow and 62.4% black. It has a hue angle of 183.2 degrees, a saturation of 24.7% and a lightness of 30.2%. #3a5e60 color hex could be obtained by blending #74bcc0 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 37
- B 38
-
- C 40
- M 2
- Y 0
- K 62
● #3a5e60 color description : Very dark desaturated cyan.
#3a5e60 Color Conversion
The hexadecimal color #3a5e60 has RGB values of R:58, G:94, B:96 and CMYK values of C:0.4, M:0.02, Y:0, K:0.62. Its decimal value is 3825248.
Hex triplet | 3a5e60 | #3a5e60 |
---|---|---|
RGB Decimal | 58, 94, 96 | rgb(58,94,96) |
RGB Percent | 22.7, 36.9, 37.6 | rgb(22.7%,36.9%,37.6%) |
CMYK | 40, 2, 0, 62 | |
HSL | 183.2°, 24.7, 30.2 | hsl(183.2,24.7%,30.2%) |
HSV (or HSB) | 183.2°, 39.6, 37.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.388, -12.3, -5.241 |
---|---|
XYZ | 7.858, 9.749, 12.533 |
xyY | 0.261, 0.323, 9.749 |
CIE-LCH | 37.388, 13.37, 203.078 |
CIE-LUV | 37.388, -16.459, -5.162 |
Hunter-Lab | 31.224, -9.716, -1.943 |
Binary | 00111010, 01011110, 01100000 |
Color Schemes with #3a5e60
Alternatives to #3a5e60
Below, you can see some colors close to #3a5e60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5e60 Preview
This text has a font color of #3a5e60.
<span style="color:#3a5e60;">Text here</span>
This paragraph has a background color of #3a5e60.
<p style="background-color:#3a5e60;">Content here</p>
This element has a border color of #3a5e60.
<div style="border:1px solid #3a5e60;">Content here</div>
.text {color:#3a5e60;}
.background {background-color:#3a5e60;}
.border {border:1px solid #3a5e60;}
Shades and Tints of #3a5e60
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, #060a0a is the darkest color, while #fdfefe is the lightest one.
-
#060a0a
#060a0a
rgb(6,10,10)
-
#0e1617
#0e1617
rgb(14,22,23)
-
#152223
#152223
rgb(21,34,35)
-
#1c2e2f
#1c2e2f
rgb(28,46,47)
-
#243a3b
#243a3b
rgb(36,58,59)
-
#2b4648
#2b4648
rgb(43,70,72)
-
#335254
#335254
rgb(51,82,84)
-
#3a5e60
#3a5e60
rgb(58,94,96)
-
#416a6c
#416a6c
rgb(65,106,108)
-
#497678
#497678
rgb(73,118,120)
-
#508285
#508285
rgb(80,130,133)
-
#588e91
#588e91
rgb(88,142,145)
-
#5f9a9d
#5f9a9d
rgb(95,154,157)
-
#6aa2a5
#6aa2a5
rgb(106,162,165)
-
#77aaad
#77aaad
rgb(119,170,173)
-
#83b1b4
#83b1b4
rgb(131,177,180)
-
#8fb9bb
#8fb9bb
rgb(143,185,187)
-
#9bc1c3
#9bc1c3
rgb(155,193,195)
-
#a8c8ca
#a8c8ca
rgb(168,200,202)
-
#b4d0d2
#b4d0d2
rgb(180,208,210)
-
#c0d8d9
#c0d8d9
rgb(192,216,217)
-
#ccdfe0
#ccdfe0
rgb(204,223,224)
-
#d8e7e8
#d8e7e8
rgb(216,231,232)
-
#e5efef
#e5efef
rgb(229,239,239)
-
#f1f6f7
#f1f6f7
rgb(241,246,247)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #3a5e60
A tone is produced by adding gray to any pure hue. In this case, #4c4e4e is the less saturated color, while #058e95 is the most saturated one.
-
#4c4e4e
#4c4e4e
rgb(76,78,78)
-
#465354
#465354
rgb(70,83,84)
-
#40595a
#40595a
rgb(64,89,90)
-
#3a5e60
#3a5e60
rgb(58,94,96)
-
#346366
#346366
rgb(52,99,102)
-
#2e696c
#2e696c
rgb(46,105,108)
-
#286e72
#286e72
rgb(40,110,114)
-
#227378
#227378
rgb(34,115,120)
-
#1c787e
#1c787e
rgb(28,120,126)
-
#167e84
#167e84
rgb(22,126,132)
-
#118389
#118389
rgb(17,131,137)
-
#0b888f
#0b888f
rgb(11,136,143)
-
#058e95
#058e95
rgb(5,142,149)
Color Blindness Simulator
Below, you can see how #3a5e60 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.