#3a5450 Color Information
In a RGB color space, hex #3a5450 is composed of 22.7% red, 32.9% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 4.8% yellow and 67.1% black. It has a hue angle of 170.8 degrees, a saturation of 18.3% and a lightness of 27.8%. #3a5450 color hex could be obtained by blending #74a8a0 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 31
-
- C 31
- M 0
- Y 5
- K 67
● #3a5450 color description : Very dark grayish cyan.
#3a5450 Color Conversion
The hexadecimal color #3a5450 has RGB values of R:58, G:84, B:80 and CMYK values of C:0.31, M:0, Y:0.05, K:0.67. Its decimal value is 3822672.
Hex triplet | 3a5450 | #3a5450 |
---|---|---|
RGB Decimal | 58, 84, 80 | rgb(58,84,80) |
RGB Percent | 22.7, 32.9, 31.4 | rgb(22.7%,32.9%,31.4%) |
CMYK | 31, 0, 5, 67 | |
HSL | 170.8°, 18.3, 27.8 | hsl(170.8,18.3%,27.8%) |
HSV (or HSB) | 170.8°, 31, 32.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.603, -10.786, -0.827 |
---|---|
XYZ | 6.363, 7.819, 8.763 |
xyY | 0.277, 0.341, 7.819 |
CIE-LCH | 33.603, 10.818, 184.382 |
CIE-LUV | 33.603, -12.273, 0.438 |
Hunter-Lab | 27.963, -8.317, 0.994 |
Binary | 00111010, 01010100, 01010000 |
Color Schemes with #3a5450
Alternatives to #3a5450
Below, you can see some colors close to #3a5450. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5450 Preview
This text has a font color of #3a5450.
<span style="color:#3a5450;">Text here</span>
This paragraph has a background color of #3a5450.
<p style="background-color:#3a5450;">Content here</p>
This element has a border color of #3a5450.
<div style="border:1px solid #3a5450;">Content here</div>
.text {color:#3a5450;}
.background {background-color:#3a5450;}
.border {border:1px solid #3a5450;}
Shades and Tints of #3a5450
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, #020303 is the darkest color, while #f6f9f8 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0e0e
#0a0e0e
rgb(10,14,14)
-
#121a19
#121a19
rgb(18,26,25)
-
#1a2624
#1a2624
rgb(26,38,36)
-
#22312f
#22312f
rgb(34,49,47)
-
#2a3d3a
#2a3d3a
rgb(42,61,58)
-
#324845
#324845
rgb(50,72,69)
-
#3a5450
#3a5450
rgb(58,84,80)
-
#42605b
#42605b
rgb(66,96,91)
-
#4a6b66
#4a6b66
rgb(74,107,102)
-
#527771
#527771
rgb(82,119,113)
-
#5a827c
#5a827c
rgb(90,130,124)
-
#628e87
#628e87
rgb(98,142,135)
-
#6b9992
#6b9992
rgb(107,153,146)
-
#77a19a
#77a19a
rgb(119,161,154)
-
#82a9a3
#82a9a3
rgb(130,169,163)
-
#8eb1ab
#8eb1ab
rgb(142,177,171)
-
#99b9b4
#99b9b4
rgb(153,185,180)
-
#a5c1bd
#a5c1bd
rgb(165,193,189)
-
#b1c9c5
#b1c9c5
rgb(177,201,197)
-
#bcd1ce
#bcd1ce
rgb(188,209,206)
-
#c8d9d6
#c8d9d6
rgb(200,217,214)
-
#d3e1df
#d3e1df
rgb(211,225,223)
-
#dfe9e7
#dfe9e7
rgb(223,233,231)
-
#ebf1f0
#ebf1f0
rgb(235,241,240)
-
#f6f9f8
#f6f9f8
rgb(246,249,248)
Tones of #3a5450
A tone is produced by adding gray to any pure hue. In this case, #454948 is the less saturated color, while #038b76 is the most saturated one.
-
#454948
#454948
rgb(69,73,72)
-
#3f4f4c
#3f4f4c
rgb(63,79,76)
-
#3a5450
#3a5450
rgb(58,84,80)
-
#355954
#355954
rgb(53,89,84)
-
#2f5f58
#2f5f58
rgb(47,95,88)
-
#2a645b
#2a645b
rgb(42,100,91)
-
#246a5f
#246a5f
rgb(36,106,95)
-
#1f6f63
#1f6f63
rgb(31,111,99)
-
#197567
#197567
rgb(25,117,103)
-
#147a6a
#147a6a
rgb(20,122,106)
-
#0e806e
#0e806e
rgb(14,128,110)
-
#098572
#098572
rgb(9,133,114)
-
#038b76
#038b76
rgb(3,139,118)
Color Blindness Simulator
Below, you can see how #3a5450 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.