#3a677d Color Information
In a RGB color space, hex #3a677d is composed of 22.7% red, 40.4% green and 49% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 17.6% magenta, 0% yellow and 51% black. It has a hue angle of 199.7 degrees, a saturation of 36.6% and a lightness of 35.9%. #3a677d color hex could be obtained by blending #74cefa with #000000. Closest websafe color is: #336666.
-
- R 23
- G 40
- B 49
-
- C 54
- M 18
- Y 0
- K 51
● #3a677d color description : Dark moderate blue.
#3a677d Color Conversion
The hexadecimal color #3a677d has RGB values of R:58, G:103, B:125 and CMYK values of C:0.54, M:0.18, Y:0, K:0.51. Its decimal value is 3827581.
Hex triplet | 3a677d | #3a677d |
---|---|---|
RGB Decimal | 58, 103, 125 | rgb(58,103,125) |
RGB Percent | 22.7, 40.4, 49 | rgb(22.7%,40.4%,49%) |
CMYK | 54, 18, 0, 51 | |
HSL | 199.7°, 36.6, 35.9 | hsl(199.7,36.6%,35.9%) |
HSV (or HSB) | 199.7°, 53.6, 49 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.343, -8.82, -17.034 |
---|---|
XYZ | 10.296, 12.08, 21.19 |
xyY | 0.236, 0.277, 12.08 |
CIE-LCH | 41.343, 19.182, 242.624 |
CIE-LUV | 41.343, -19.552, -22.623 |
Hunter-Lab | 34.756, -7.946, -11.818 |
Binary | 00111010, 01100111, 01111101 |
Color Schemes with #3a677d
Alternatives to #3a677d
Below, you can see some colors close to #3a677d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a677d Preview
This text has a font color of #3a677d.
<span style="color:#3a677d;">Text here</span>
This paragraph has a background color of #3a677d.
<p style="background-color:#3a677d;">Content here</p>
This element has a border color of #3a677d.
<div style="border:1px solid #3a677d;">Content here</div>
.text {color:#3a677d;}
.background {background-color:#3a677d;}
.border {border:1px solid #3a677d;}
Shades and Tints of #3a677d
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, #020404 is the darkest color, while #f6f9fb is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#080f12
#080f12
rgb(8,15,18)
-
#0e1a1f
#0e1a1f
rgb(14,26,31)
-
#15252d
#15252d
rgb(21,37,45)
-
#1b303a
#1b303a
rgb(27,48,58)
-
#213b47
#213b47
rgb(33,59,71)
-
#274655
#274655
rgb(39,70,85)
-
#2e5162
#2e5162
rgb(46,81,98)
-
#345c70
#345c70
rgb(52,92,112)
-
#3a677d
#3a677d
rgb(58,103,125)
-
#40728a
#40728a
rgb(64,114,138)
-
#467d98
#467d98
rgb(70,125,152)
-
#4d88a5
#4d88a5
rgb(77,136,165)
-
#5592b0
#5592b0
rgb(85,146,176)
-
#639bb6
#639bb6
rgb(99,155,182)
-
#70a3bd
#70a3bd
rgb(112,163,189)
-
#7dacc3
#7dacc3
rgb(125,172,195)
-
#8bb5c9
#8bb5c9
rgb(139,181,201)
-
#98bdcf
#98bdcf
rgb(152,189,207)
-
#a6c6d6
#a6c6d6
rgb(166,198,214)
-
#b3cedc
#b3cedc
rgb(179,206,220)
-
#c0d7e2
#c0d7e2
rgb(192,215,226)
-
#cee0e8
#cee0e8
rgb(206,224,232)
-
#dbe8ee
#dbe8ee
rgb(219,232,238)
-
#e9f1f5
#e9f1f5
rgb(233,241,245)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #3a677d
A tone is produced by adding gray to any pure hue. In this case, #565d61 is the less saturated color, while #027ab5 is the most saturated one.
-
#565d61
#565d61
rgb(86,93,97)
-
#4f6068
#4f6068
rgb(79,96,104)
-
#48626f
#48626f
rgb(72,98,111)
-
#416576
#416576
rgb(65,101,118)
-
#3a677d
#3a677d
rgb(58,103,125)
-
#336984
#336984
rgb(51,105,132)
-
#2c6c8b
#2c6c8b
rgb(44,108,139)
-
#256e92
#256e92
rgb(37,110,146)
-
#1e7199
#1e7199
rgb(30,113,153)
-
#1773a0
#1773a0
rgb(23,115,160)
-
#1075a7
#1075a7
rgb(16,117,167)
-
#0978ae
#0978ae
rgb(9,120,174)
-
#027ab5
#027ab5
rgb(2,122,181)
Color Blindness Simulator
Below, you can see how #3a677d 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.