#3a6774 Color Information
In a RGB color space, hex #3a6774 is composed of 22.7% red, 40.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 11.2% magenta, 0% yellow and 54.5% black. It has a hue angle of 193.4 degrees, a saturation of 33.3% and a lightness of 34.1%. #3a6774 color hex could be obtained by blending #74cee8 with #000000. Closest websafe color is: #336666.
-
- R 23
- G 40
- B 45
-
- C 50
- M 11
- Y 0
- K 55
● #3a6774 color description : Dark moderate cyan.
#3a6774 Color Conversion
The hexadecimal color #3a6774 has RGB values of R:58, G:103, B:116 and CMYK values of C:0.5, M:0.11, Y:0, K:0.55. Its decimal value is 3827572.
Hex triplet | 3a6774 | #3a6774 |
---|---|---|
RGB Decimal | 58, 103, 116 | rgb(58,103,116) |
RGB Percent | 22.7, 40.4, 45.5 | rgb(22.7%,40.4%,45.5%) |
CMYK | 50, 11, 0, 55 | |
HSL | 193.4°, 33.3, 34.1 | hsl(193.4,33.3%,34.1%) |
HSV (or HSB) | 193.4°, 50, 45.5 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.993, -11.628, -12.103 |
---|---|
XYZ | 9.747, 11.86, 18.298 |
xyY | 0.244, 0.297, 11.86 |
CIE-LCH | 40.993, 16.784, 226.147 |
CIE-LUV | 40.993, -19.771, -15.049 |
Hunter-Lab | 34.439, -9.75, -7.394 |
Binary | 00111010, 01100111, 01110100 |
Color Schemes with #3a6774
Alternatives to #3a6774
Below, you can see some colors close to #3a6774. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a6774 Preview
This text has a font color of #3a6774.
<span style="color:#3a6774;">Text here</span>
This paragraph has a background color of #3a6774.
<p style="background-color:#3a6774;">Content here</p>
This element has a border color of #3a6774.
<div style="border:1px solid #3a6774;">Content here</div>
.text {color:#3a6774;}
.background {background-color:#3a6774;}
.border {border:1px solid #3a6774;}
Shades and Tints of #3a6774
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, #060a0b is the darkest color, while #fdfefe is the lightest one.
-
#060a0b
#060a0b
rgb(6,10,11)
-
#0c1618
#0c1618
rgb(12,22,24)
-
#132126
#132126
rgb(19,33,38)
-
#192d33
#192d33
rgb(25,45,51)
-
#203940
#203940
rgb(32,57,64)
-
#26444d
#26444d
rgb(38,68,77)
-
#2d505a
#2d505a
rgb(45,80,90)
-
#335b67
#335b67
rgb(51,91,103)
-
#3a6774
#3a6774
rgb(58,103,116)
-
#417381
#417381
rgb(65,115,129)
-
#477e8e
#477e8e
rgb(71,126,142)
-
#4e8a9b
#4e8a9b
rgb(78,138,155)
-
#5495a8
#5495a8
rgb(84,149,168)
-
#609eb0
#609eb0
rgb(96,158,176)
-
#6da6b6
#6da6b6
rgb(109,166,182)
-
#7baebd
#7baebd
rgb(123,174,189)
-
#88b6c3
#88b6c3
rgb(136,182,195)
-
#95beca
#95beca
rgb(149,190,202)
-
#a2c6d0
#a2c6d0
rgb(162,198,208)
-
#afced7
#afced7
rgb(175,206,215)
-
#bcd6dd
#bcd6dd
rgb(188,214,221)
-
#c9dee4
#c9dee4
rgb(201,222,228)
-
#d6e6eb
#d6e6eb
rgb(214,230,235)
-
#e3eef1
#e3eef1
rgb(227,238,241)
-
#f0f6f8
#f0f6f8
rgb(240,246,248)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #3a6774
A tone is produced by adding gray to any pure hue. In this case, #555859 is the less saturated color, while #0485aa is the most saturated one.
-
#555859
#555859
rgb(85,88,89)
-
#4e5c60
#4e5c60
rgb(78,92,96)
-
#476067
#476067
rgb(71,96,103)
-
#41636d
#41636d
rgb(65,99,109)
-
#3a6774
#3a6774
rgb(58,103,116)
-
#336b7b
#336b7b
rgb(51,107,123)
-
#2d6e81
#2d6e81
rgb(45,110,129)
-
#267288
#267288
rgb(38,114,136)
-
#1f768f
#1f768f
rgb(31,118,143)
-
#197995
#197995
rgb(25,121,149)
-
#127d9c
#127d9c
rgb(18,125,156)
-
#0b81a3
#0b81a3
rgb(11,129,163)
-
#0485aa
#0485aa
rgb(4,133,170)
Color Blindness Simulator
Below, you can see how #3a6774 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.