#3a6680 Color Information
In a RGB color space, hex #3a6680 is composed of 22.7% red, 40% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 20.3% magenta, 0% yellow and 49.8% black. It has a hue angle of 202.3 degrees, a saturation of 37.6% and a lightness of 36.5%. #3a6680 color hex could be obtained by blending #74ccff with #000001. Closest websafe color is: #336699.
-
- R 23
- G 40
- B 50
-
- C 55
- M 20
- Y 0
- K 50
● #3a6680 color description : Dark moderate blue.
#3a6680 Color Conversion
The hexadecimal color #3a6680 has RGB values of R:58, G:102, B:128 and CMYK values of C:0.55, M:0.2, Y:0, K:0.5. Its decimal value is 3827328.
Hex triplet | 3a6680 | #3a6680 |
---|---|---|
RGB Decimal | 58, 102, 128 | rgb(58,102,128) |
RGB Percent | 22.7, 40, 50.2 | rgb(22.7%,40%,50.2%) |
CMYK | 55, 20, 0, 50 | |
HSL | 202.3°, 37.6, 36.5 | hsl(202.3,37.6%,36.5%) |
HSV (or HSB) | 202.3°, 54.7, 50.2 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 41.153, -7.263, -19.143 |
---|---|
XYZ | 10.392, 11.96, 22.182 |
xyY | 0.233, 0.269, 11.96 |
CIE-LCH | 41.153, 20.474, 249.221 |
CIE-LUV | 41.153, -19.091, -25.903 |
Hunter-Lab | 34.583, -6.885, -13.82 |
Binary | 00111010, 01100110, 10000000 |
Color Schemes with #3a6680
Alternatives to #3a6680
Below, you can see some colors close to #3a6680. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a6680 Preview
This text has a font color of #3a6680.
<span style="color:#3a6680;">Text here</span>
This paragraph has a background color of #3a6680.
<p style="background-color:#3a6680;">Content here</p>
This element has a border color of #3a6680.
<div style="border:1px solid #3a6680;">Content here</div>
.text {color:#3a6680;}
.background {background-color:#3a6680;}
.border {border:1px solid #3a6680;}
Shades and Tints of #3a6680
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, #030507 is the darkest color, while #f8fafc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#091014
#091014
rgb(9,16,20)
-
#0f1b22
#0f1b22
rgb(15,27,34)
-
#15252f
#15252f
rgb(21,37,47)
-
#1b303d
#1b303d
rgb(27,48,61)
-
#223b4a
#223b4a
rgb(34,59,74)
-
#284658
#284658
rgb(40,70,88)
-
#2e5065
#2e5065
rgb(46,80,101)
-
#345b73
#345b73
rgb(52,91,115)
-
#3a6680
#3a6680
rgb(58,102,128)
-
#40718d
#40718d
rgb(64,113,141)
-
#467c9b
#467c9b
rgb(70,124,155)
-
#4c86a8
#4c86a8
rgb(76,134,168)
-
#5690b2
#5690b2
rgb(86,144,178)
-
#6499b9
#6499b9
rgb(100,153,185)
-
#71a2bf
#71a2bf
rgb(113,162,191)
-
#7fabc5
#7fabc5
rgb(127,171,197)
-
#8cb4cb
#8cb4cb
rgb(140,180,203)
-
#9abcd1
#9abcd1
rgb(154,188,209)
-
#a7c5d7
#a7c5d7
rgb(167,197,215)
-
#b5cedd
#b5cedd
rgb(181,206,221)
-
#c2d7e3
#c2d7e3
rgb(194,215,227)
-
#d0e0e9
#d0e0e9
rgb(208,224,233)
-
#dde9f0
#dde9f0
rgb(221,233,240)
-
#ebf2f6
#ebf2f6
rgb(235,242,246)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #3a6680
A tone is produced by adding gray to any pure hue. In this case, #575f63 is the less saturated color, while #0175b9 is the most saturated one.
-
#575f63
#575f63
rgb(87,95,99)
-
#4f606b
#4f606b
rgb(79,96,107)
-
#486272
#486272
rgb(72,98,114)
-
#416479
#416479
rgb(65,100,121)
-
#3a6680
#3a6680
rgb(58,102,128)
-
#336887
#336887
rgb(51,104,135)
-
#2c6a8e
#2c6a8e
rgb(44,106,142)
-
#256c95
#256c95
rgb(37,108,149)
-
#1d6d9d
#1d6d9d
rgb(29,109,157)
-
#166fa4
#166fa4
rgb(22,111,164)
-
#0f71ab
#0f71ab
rgb(15,113,171)
-
#0873b2
#0873b2
rgb(8,115,178)
-
#0175b9
#0175b9
rgb(1,117,185)
Color Blindness Simulator
Below, you can see how #3a6680 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.