#3a6576 Color Information
In a RGB color space, hex #3a6576 is composed of 22.7% red, 39.6% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 14.4% magenta, 0% yellow and 53.7% black. It has a hue angle of 197 degrees, a saturation of 34.1% and a lightness of 34.5%. #3a6576 color hex could be obtained by blending #74caec with #000000. Closest websafe color is: #336666.
-
- R 23
- G 40
- B 46
-
- C 51
- M 14
- Y 0
- K 54
● #3a6576 color description : Dark moderate blue.
#3a6576 Color Conversion
The hexadecimal color #3a6576 has RGB values of R:58, G:101, B:118 and CMYK values of C:0.51, M:0.14, Y:0, K:0.54. Its decimal value is 3827062.
Hex triplet | 3a6576 | #3a6576 |
---|---|---|
RGB Decimal | 58, 101, 118 | rgb(58,101,118) |
RGB Percent | 22.7, 39.6, 46.3 | rgb(22.7%,39.6%,46.3%) |
CMYK | 51, 14, 0, 54 | |
HSL | 197°, 34.1, 34.5 | hsl(197,34.1%,34.5%) |
HSV (or HSB) | 197°, 50.8, 46.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.434, -9.849, -14.171 |
---|---|
XYZ | 9.668, 11.514, 18.852 |
xyY | 0.241, 0.288, 11.514 |
CIE-LCH | 40.434, 17.257, 235.201 |
CIE-LUV | 40.434, -18.919, -18.202 |
Hunter-Lab | 33.933, -8.526, -9.186 |
Binary | 00111010, 01100101, 01110110 |
Color Schemes with #3a6576
Alternatives to #3a6576
Below, you can see some colors close to #3a6576. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a6576 Preview
This text has a font color of #3a6576.
<span style="color:#3a6576;">Text here</span>
This paragraph has a background color of #3a6576.
<p style="background-color:#3a6576;">Content here</p>
This element has a border color of #3a6576.
<div style="border:1px solid #3a6576;">Content here</div>
.text {color:#3a6576;}
.background {background-color:#3a6576;}
.border {border:1px solid #3a6576;}
Shades and Tints of #3a6576
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, #060b0d is the darkest color, while #ffffff is the lightest one.
-
#060b0d
#060b0d
rgb(6,11,13)
-
#0d161a
#0d161a
rgb(13,22,26)
-
#132127
#132127
rgb(19,33,39)
-
#1a2d34
#1a2d34
rgb(26,45,52)
-
#203841
#203841
rgb(32,56,65)
-
#27434f
#27434f
rgb(39,67,79)
-
#2d4e5c
#2d4e5c
rgb(45,78,92)
-
#345a69
#345a69
rgb(52,90,105)
-
#3a6576
#3a6576
rgb(58,101,118)
-
#407083
#407083
rgb(64,112,131)
-
#477c90
#477c90
rgb(71,124,144)
-
#4d879d
#4d879d
rgb(77,135,157)
-
#5492ab
#5492ab
rgb(84,146,171)
-
#619ab1
#619ab1
rgb(97,154,177)
-
#6ea3b8
#6ea3b8
rgb(110,163,184)
-
#7babbe
#7babbe
rgb(123,171,190)
-
#88b4c5
#88b4c5
rgb(136,180,197)
-
#95bccb
#95bccb
rgb(149,188,203)
-
#a3c4d2
#a3c4d2
rgb(163,196,210)
-
#b0cdd8
#b0cdd8
rgb(176,205,216)
-
#bdd5df
#bdd5df
rgb(189,213,223)
-
#cadde5
#cadde5
rgb(202,221,229)
-
#d7e6eb
#d7e6eb
rgb(215,230,235)
-
#e4eef2
#e4eef2
rgb(228,238,242)
-
#f1f6f8
#f1f6f8
rgb(241,246,248)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3a6576
A tone is produced by adding gray to any pure hue. In this case, #55595b is the less saturated color, while #047cac is the most saturated one.
-
#55595b
#55595b
rgb(85,89,91)
-
#4e5c62
#4e5c62
rgb(78,92,98)
-
#485f68
#485f68
rgb(72,95,104)
-
#41626f
#41626f
rgb(65,98,111)
-
#3a6576
#3a6576
rgb(58,101,118)
-
#33687d
#33687d
rgb(51,104,125)
-
#2c6b84
#2c6b84
rgb(44,107,132)
-
#266e8a
#266e8a
rgb(38,110,138)
-
#1f7191
#1f7191
rgb(31,113,145)
-
#187498
#187498
rgb(24,116,152)
-
#11779f
#11779f
rgb(17,119,159)
-
#0b7aa5
#0b7aa5
rgb(11,122,165)
-
#047cac
#047cac
rgb(4,124,172)
Color Blindness Simulator
Below, you can see how #3a6576 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.