#3a6877 Color Information
In a RGB color space, hex #3a6877 is composed of 22.7% red, 40.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 12.6% magenta, 0% yellow and 53.3% black. It has a hue angle of 194.8 degrees, a saturation of 34.5% and a lightness of 34.7%. #3a6877 color hex could be obtained by blending #74d0ee with #000000. Closest websafe color is: #336666.
-
- R 23
- G 41
- B 47
-
- C 51
- M 13
- Y 0
- K 53
● #3a6877 color description : Dark moderate cyan.
#3a6877 Color Conversion
The hexadecimal color #3a6877 has RGB values of R:58, G:104, B:119 and CMYK values of C:0.51, M:0.13, Y:0, K:0.53. Its decimal value is 3827831.
Hex triplet | 3a6877 | #3a6877 |
---|---|---|
RGB Decimal | 58, 104, 119 | rgb(58,104,119) |
RGB Percent | 22.7, 40.8, 46.7 | rgb(22.7%,40.8%,46.7%) |
CMYK | 51, 13, 0, 53 | |
HSL | 194.8°, 34.5, 34.7 | hsl(194.8,34.5%,34.7%) |
HSV (or HSB) | 194.8°, 51.3, 46.7 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 41.424, -11.286, -13.272 |
---|---|
XYZ | 10.024, 12.131, 19.265 |
xyY | 0.242, 0.293, 12.131 |
CIE-LCH | 41.424, 17.422, 229.624 |
CIE-LUV | 41.424, -20.097, -16.823 |
Hunter-Lab | 34.83, -9.581, -8.413 |
Binary | 00111010, 01101000, 01110111 |
Color Schemes with #3a6877
Alternatives to #3a6877
Below, you can see some colors close to #3a6877. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a6877 Preview
This text has a font color of #3a6877.
<span style="color:#3a6877;">Text here</span>
This paragraph has a background color of #3a6877.
<p style="background-color:#3a6877;">Content here</p>
This element has a border color of #3a6877.
<div style="border:1px solid #3a6877;">Content here</div>
.text {color:#3a6877;}
.background {background-color:#3a6877;}
.border {border:1px solid #3a6877;}
Shades and Tints of #3a6877
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, #000000 is the darkest color, while #f2f7f9 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#070c0d
#070c0d
rgb(7,12,13)
-
#0d171b
#0d171b
rgb(13,23,27)
-
#132328
#132328
rgb(19,35,40)
-
#1a2e35
#1a2e35
rgb(26,46,53)
-
#203a42
#203a42
rgb(32,58,66)
-
#27454f
#27454f
rgb(39,69,79)
-
#2d515d
#2d515d
rgb(45,81,93)
-
#345c6a
#345c6a
rgb(52,92,106)
-
#3a6877
#3a6877
rgb(58,104,119)
-
#407484
#407484
rgb(64,116,132)
-
#477f91
#477f91
rgb(71,127,145)
-
#4d8b9f
#4d8b9f
rgb(77,139,159)
-
#5496ac
#5496ac
rgb(84,150,172)
-
#619eb2
#619eb2
rgb(97,158,178)
-
#6ea6b8
#6ea6b8
rgb(110,166,184)
-
#7baebf
#7baebf
rgb(123,174,191)
-
#89b6c5
#89b6c5
rgb(137,182,197)
-
#96becc
#96becc
rgb(150,190,204)
-
#a3c7d2
#a3c7d2
rgb(163,199,210)
-
#b0cfd9
#b0cfd9
rgb(176,207,217)
-
#bdd7df
#bdd7df
rgb(189,215,223)
-
#cbdfe5
#cbdfe5
rgb(203,223,229)
-
#d8e7ec
#d8e7ec
rgb(216,231,236)
-
#e5eff2
#e5eff2
rgb(229,239,242)
-
#f2f7f9
#f2f7f9
rgb(242,247,249)
Tones of #3a6877
A tone is produced by adding gray to any pure hue. In this case, #555a5c is the less saturated color, while #0484ad is the most saturated one.
-
#555a5c
#555a5c
rgb(85,90,92)
-
#4e5e63
#4e5e63
rgb(78,94,99)
-
#486169
#486169
rgb(72,97,105)
-
#416570
#416570
rgb(65,101,112)
-
#3a6877
#3a6877
rgb(58,104,119)
-
#336b7e
#336b7e
rgb(51,107,126)
-
#2c6f85
#2c6f85
rgb(44,111,133)
-
#26728b
#26728b
rgb(38,114,139)
-
#1f7692
#1f7692
rgb(31,118,146)
-
#187999
#187999
rgb(24,121,153)
-
#117da0
#117da0
rgb(17,125,160)
-
#0a80a7
#0a80a7
rgb(10,128,167)
-
#0484ad
#0484ad
rgb(4,132,173)
Color Blindness Simulator
Below, you can see how #3a6877 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.