#3a5f57 Color Information
In a RGB color space, hex #3a5f57 is composed of 22.7% red, 37.3% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 38.9% cyan, 0% magenta, 8.4% yellow and 62.7% black. It has a hue angle of 167 degrees, a saturation of 24.2% and a lightness of 30%. #3a5f57 color hex could be obtained by blending #74beae with #000000. Closest websafe color is: #336666.
-
- R 23
- G 37
- B 34
-
- C 39
- M 0
- Y 8
- K 63
● #3a5f57 color description : Very dark desaturated cyan.
#3a5f57 Color Conversion
The hexadecimal color #3a5f57 has RGB values of R:58, G:95, B:87 and CMYK values of C:0.39, M:0, Y:0.08, K:0.63. Its decimal value is 3825495.
Hex triplet | 3a5f57 | #3a5f57 |
---|---|---|
RGB Decimal | 58, 95, 87 | rgb(58,95,87) |
RGB Percent | 22.7, 37.3, 34.1 | rgb(22.7%,37.3%,34.1%) |
CMYK | 39, 0, 8, 63 | |
HSL | 167°, 24.2, 30 | hsl(167,24.2%,30%) |
HSV (or HSB) | 167°, 38.9, 37.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 37.43, -15.299, 0.393 |
---|---|
XYZ | 7.557, 9.772, 10.504 |
xyY | 0.272, 0.351, 9.772 |
CIE-LCH | 37.43, 15.304, 178.53 |
CIE-LUV | 37.43, -17.037, 2.624 |
Hunter-Lab | 31.26, -11.553, 1.959 |
Binary | 00111010, 01011111, 01010111 |
Color Schemes with #3a5f57
Alternatives to #3a5f57
Below, you can see some colors close to #3a5f57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5f57 Preview
This text has a font color of #3a5f57.
<span style="color:#3a5f57;">Text here</span>
This paragraph has a background color of #3a5f57.
<p style="background-color:#3a5f57;">Content here</p>
This element has a border color of #3a5f57.
<div style="border:1px solid #3a5f57;">Content here</div>
.text {color:#3a5f57;}
.background {background-color:#3a5f57;}
.border {border:1px solid #3a5f57;}
Shades and Tints of #3a5f57
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, #060a09 is the darkest color, while #fdfefd is the lightest one.
-
#060a09
#060a09
rgb(6,10,9)
-
#0d1614
#0d1614
rgb(13,22,20)
-
#15221f
#15221f
rgb(21,34,31)
-
#1c2e2a
#1c2e2a
rgb(28,46,42)
-
#243a36
#243a36
rgb(36,58,54)
-
#2b4741
#2b4741
rgb(43,71,65)
-
#33534c
#33534c
rgb(51,83,76)
-
#3a5f57
#3a5f57
rgb(58,95,87)
-
#416b62
#416b62
rgb(65,107,98)
-
#49776d
#49776d
rgb(73,119,109)
-
#508478
#508478
rgb(80,132,120)
-
#589084
#589084
rgb(88,144,132)
-
#5f9c8f
#5f9c8f
rgb(95,156,143)
-
#6aa498
#6aa498
rgb(106,164,152)
-
#77aca0
#77aca0
rgb(119,172,160)
-
#83b3a9
#83b3a9
rgb(131,179,169)
-
#8fbbb1
#8fbbb1
rgb(143,187,177)
-
#9bc2ba
#9bc2ba
rgb(155,194,186)
-
#a7c9c2
#a7c9c2
rgb(167,201,194)
-
#b3d1cb
#b3d1cb
rgb(179,209,203)
-
#c0d8d3
#c0d8d3
rgb(192,216,211)
-
#cce0db
#cce0db
rgb(204,224,219)
-
#d8e7e4
#d8e7e4
rgb(216,231,228)
-
#e4efec
#e4efec
rgb(228,239,236)
-
#f0f6f5
#f0f6f5
rgb(240,246,245)
-
#fdfefd
#fdfefd
rgb(253,254,253)
Tones of #3a5f57
A tone is produced by adding gray to any pure hue. In this case, #4c4d4d is the less saturated color, while #059475 is the most saturated one.
-
#4c4d4d
#4c4d4d
rgb(76,77,77)
-
#465350
#465350
rgb(70,83,80)
-
#405954
#405954
rgb(64,89,84)
-
#3a5f57
#3a5f57
rgb(58,95,87)
-
#34655a
#34655a
rgb(52,101,90)
-
#2e6b5e
#2e6b5e
rgb(46,107,94)
-
#287161
#287161
rgb(40,113,97)
-
#227764
#227764
rgb(34,119,100)
-
#1d7c68
#1d7c68
rgb(29,124,104)
-
#17826b
#17826b
rgb(23,130,107)
-
#11886e
#11886e
rgb(17,136,110)
-
#0b8e72
#0b8e72
rgb(11,142,114)
-
#059475
#059475
rgb(5,148,117)
Color Blindness Simulator
Below, you can see how #3a5f57 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.