#3a5f74 Color Information
In a RGB color space, hex #3a5f74 is composed of 22.7% red, 37.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 18.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 201.7 degrees, a saturation of 33.3% and a lightness of 34.1%. #3a5f74 color hex could be obtained by blending #74bee8 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 37
- B 45
-
- C 50
- M 18
- Y 0
- K 55
● #3a5f74 color description : Dark moderate blue.
#3a5f74 Color Conversion
The hexadecimal color #3a5f74 has RGB values of R:58, G:95, B:116 and CMYK values of C:0.5, M:0.18, Y:0, K:0.55. Its decimal value is 3825524.
Hex triplet | 3a5f74 | #3a5f74 |
---|---|---|
RGB Decimal | 58, 95, 116 | rgb(58,95,116) |
RGB Percent | 22.7, 37.3, 45.5 | rgb(22.7%,37.3%,45.5%) |
CMYK | 50, 18, 0, 55 | |
HSL | 201.7°, 33.3, 34.1 | hsl(201.7,33.3%,34.1%) |
HSV (or HSB) | 201.7°, 50, 45.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.454, -6.912, -15.972 |
---|---|
XYZ | 8.989, 10.344, 18.045 |
xyY | 0.24, 0.277, 10.344 |
CIE-LCH | 38.454, 17.403, 246.599 |
CIE-LUV | 38.454, -16.561, -20.916 |
Hunter-Lab | 32.163, -6.398, -10.751 |
Binary | 00111010, 01011111, 01110100 |
Color Schemes with #3a5f74
Alternatives to #3a5f74
Below, you can see some colors close to #3a5f74. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5f74 Preview
This text has a font color of #3a5f74.
<span style="color:#3a5f74;">Text here</span>
This paragraph has a background color of #3a5f74.
<p style="background-color:#3a5f74;">Content here</p>
This element has a border color of #3a5f74.
<div style="border:1px solid #3a5f74;">Content here</div>
.text {color:#3a5f74;}
.background {background-color:#3a5f74;}
.border {border:1px solid #3a5f74;}
Shades and Tints of #3a5f74
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, #06090b is the darkest color, while #fdfefe is the lightest one.
-
#06090b
#06090b
rgb(6,9,11)
-
#0c1418
#0c1418
rgb(12,20,24)
-
#131f26
#131f26
rgb(19,31,38)
-
#192933
#192933
rgb(25,41,51)
-
#203440
#203440
rgb(32,52,64)
-
#263f4d
#263f4d
rgb(38,63,77)
-
#2d4a5a
#2d4a5a
rgb(45,74,90)
-
#335467
#335467
rgb(51,84,103)
-
#3a5f74
#3a5f74
rgb(58,95,116)
-
#416a81
#416a81
rgb(65,106,129)
-
#47748e
#47748e
rgb(71,116,142)
-
#4e7f9b
#4e7f9b
rgb(78,127,155)
-
#548aa8
#548aa8
rgb(84,138,168)
-
#6093b0
#6093b0
rgb(96,147,176)
-
#6d9cb6
#6d9cb6
rgb(109,156,182)
-
#7ba5bd
#7ba5bd
rgb(123,165,189)
-
#88aec3
#88aec3
rgb(136,174,195)
-
#95b7ca
#95b7ca
rgb(149,183,202)
-
#a2c0d0
#a2c0d0
rgb(162,192,208)
-
#afc8d7
#afc8d7
rgb(175,200,215)
-
#bcd1dd
#bcd1dd
rgb(188,209,221)
-
#c9dae4
#c9dae4
rgb(201,218,228)
-
#d6e3eb
#d6e3eb
rgb(214,227,235)
-
#e3ecf1
#e3ecf1
rgb(227,236,241)
-
#f0f5f8
#f0f5f8
rgb(240,245,248)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #3a5f74
A tone is produced by adding gray to any pure hue. In this case, #555859 is the less saturated color, while #046eaa is the most saturated one.
-
#555859
#555859
rgb(85,88,89)
-
#4e5960
#4e5960
rgb(78,89,96)
-
#475b67
#475b67
rgb(71,91,103)
-
#415d6d
#415d6d
rgb(65,93,109)
-
#3a5f74
#3a5f74
rgb(58,95,116)
-
#33617b
#33617b
rgb(51,97,123)
-
#2d6381
#2d6381
rgb(45,99,129)
-
#266588
#266588
rgb(38,101,136)
-
#1f668f
#1f668f
rgb(31,102,143)
-
#196895
#196895
rgb(25,104,149)
-
#126a9c
#126a9c
rgb(18,106,156)
-
#0b6ca3
#0b6ca3
rgb(11,108,163)
-
#046eaa
#046eaa
rgb(4,110,170)
Color Blindness Simulator
Below, you can see how #3a5f74 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.