#3a5454 Color Information
In a RGB color space, hex #3a5454 is composed of 22.7% red, 32.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 0% yellow and 67.1% black. It has a hue angle of 180 degrees, a saturation of 18.3% and a lightness of 27.8%. #3a5454 color hex could be obtained by blending #74a8a8 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 33
- B 33
-
- C 31
- M 0
- Y 0
- K 67
● #3a5454 color description : Very dark grayish cyan.
#3a5454 Color Conversion
The hexadecimal color #3a5454 has RGB values of R:58, G:84, B:84 and CMYK values of C:0.31, M:0, Y:0, K:0.67. Its decimal value is 3822676.
Hex triplet | 3a5454 | #3a5454 |
---|---|---|
RGB Decimal | 58, 84, 84 | rgb(58,84,84) |
RGB Percent | 22.7, 32.9, 32.9 | rgb(22.7%,32.9%,32.9%) |
CMYK | 31, 0, 0, 67 | |
HSL | 180°, 18.3, 27.8 | hsl(180,18.3%,27.8%) |
HSV (or HSB) | 180°, 31, 32.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.732, -9.734, -3.162 |
---|---|
XYZ | 6.515, 7.88, 9.565 |
xyY | 0.272, 0.329, 7.88 |
CIE-LCH | 33.732, 10.234, 197.998 |
CIE-LUV | 33.732, -12.263, -2.65 |
Hunter-Lab | 28.071, -7.697, -0.552 |
Binary | 00111010, 01010100, 01010100 |
Color Schemes with #3a5454
Alternatives to #3a5454
Below, you can see some colors close to #3a5454. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5454 Preview
This text has a font color of #3a5454.
<span style="color:#3a5454;">Text here</span>
This paragraph has a background color of #3a5454.
<p style="background-color:#3a5454;">Content here</p>
This element has a border color of #3a5454.
<div style="border:1px solid #3a5454;">Content here</div>
.text {color:#3a5454;}
.background {background-color:#3a5454;}
.border {border:1px solid #3a5454;}
Shades and Tints of #3a5454
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 #f6f9f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0e0e
#0a0e0e
rgb(10,14,14)
-
#121a1a
#121a1a
rgb(18,26,26)
-
#1a2626
#1a2626
rgb(26,38,38)
-
#223131
#223131
rgb(34,49,49)
-
#2a3d3d
#2a3d3d
rgb(42,61,61)
-
#324848
#324848
rgb(50,72,72)
-
#3a5454
#3a5454
rgb(58,84,84)
-
#426060
#426060
rgb(66,96,96)
-
#4a6b6b
#4a6b6b
rgb(74,107,107)
-
#527777
#527777
rgb(82,119,119)
-
#5a8282
#5a8282
rgb(90,130,130)
-
#628e8e
#628e8e
rgb(98,142,142)
-
#6b9999
#6b9999
rgb(107,153,153)
-
#77a1a1
#77a1a1
rgb(119,161,161)
-
#82a9a9
#82a9a9
rgb(130,169,169)
-
#8eb1b1
#8eb1b1
rgb(142,177,177)
-
#99b9b9
#99b9b9
rgb(153,185,185)
-
#a5c1c1
#a5c1c1
rgb(165,193,193)
-
#b1c9c9
#b1c9c9
rgb(177,201,201)
-
#bcd1d1
#bcd1d1
rgb(188,209,209)
-
#c8d9d9
#c8d9d9
rgb(200,217,217)
-
#d3e1e1
#d3e1e1
rgb(211,225,225)
-
#dfe9e9
#dfe9e9
rgb(223,233,233)
-
#ebf1f1
#ebf1f1
rgb(235,241,241)
-
#f6f9f9
#f6f9f9
rgb(246,249,249)
Tones of #3a5454
A tone is produced by adding gray to any pure hue. In this case, #454949 is the less saturated color, while #038b8b is the most saturated one.
-
#454949
#454949
rgb(69,73,73)
-
#3f4f4f
#3f4f4f
rgb(63,79,79)
-
#3a5454
#3a5454
rgb(58,84,84)
-
#355959
#355959
rgb(53,89,89)
-
#2f5f5f
#2f5f5f
rgb(47,95,95)
-
#2a6464
#2a6464
rgb(42,100,100)
-
#246a6a
#246a6a
rgb(36,106,106)
-
#1f6f6f
#1f6f6f
rgb(31,111,111)
-
#197575
#197575
rgb(25,117,117)
-
#147a7a
#147a7a
rgb(20,122,122)
-
#0e8080
#0e8080
rgb(14,128,128)
-
#098585
#098585
rgb(9,133,133)
-
#038b8b
#038b8b
rgb(3,139,139)
Color Blindness Simulator
Below, you can see how #3a5454 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.