#3a679e Color Information
In a RGB color space, hex #3a679e is composed of 22.7% red, 40.4% green and 62% blue. Whereas in a CMYK color space, it is composed of 63.3% cyan, 34.8% magenta, 0% yellow and 38% black. It has a hue angle of 213 degrees, a saturation of 46.3% and a lightness of 42.4%. #3a679e color hex could be obtained by blending #74ceff with #00003d. Closest websafe color is: #336699.
-
- R 23
- G 40
- B 62
-
- C 63
- M 35
- Y 0
- K 38
● #3a679e color description : Dark moderate blue.
#3a679e Color Conversion
The hexadecimal color #3a679e has RGB values of R:58, G:103, B:158 and CMYK values of C:0.63, M:0.35, Y:0, K:0.38. Its decimal value is 3827614.
Hex triplet | 3a679e | #3a679e |
---|---|---|
RGB Decimal | 58, 103, 158 | rgb(58,103,158) |
RGB Percent | 22.7, 40.4, 62 | rgb(22.7%,40.4%,62%) |
CMYK | 63, 35, 0, 38 | |
HSL | 213°, 46.3, 42.4 | hsl(213,46.3%,42.4%) |
HSV (or HSB) | 213°, 63.3, 62 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 42.865, 2.326, -34.454 |
---|---|
XYZ | 12.765, 13.068, 34.196 |
xyY | 0.213, 0.218, 13.068 |
CIE-LCH | 42.865, 34.533, 273.862 |
CIE-LUV | 42.865, -18.863, -50.496 |
Hunter-Lab | 36.149, -0.229, -30.781 |
Binary | 00111010, 01100111, 10011110 |
Color Schemes with #3a679e
Alternatives to #3a679e
Below, you can see some colors close to #3a679e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a679e Preview
This text has a font color of #3a679e.
<span style="color:#3a679e;">Text here</span>
This paragraph has a background color of #3a679e.
<p style="background-color:#3a679e;">Content here</p>
This element has a border color of #3a679e.
<div style="border:1px solid #3a679e;">Content here</div>
.text {color:#3a679e;}
.background {background-color:#3a679e;}
.border {border:1px solid #3a679e;}
Shades and Tints of #3a679e
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 #f1f5fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#05090f
#05090f
rgb(5,9,15)
-
#0b131d
#0b131d
rgb(11,19,29)
-
#101c2b
#101c2b
rgb(16,28,43)
-
#15263a
#15263a
rgb(21,38,58)
-
#1a2f48
#1a2f48
rgb(26,47,72)
-
#203856
#203856
rgb(32,56,86)
-
#254265
#254265
rgb(37,66,101)
-
#2a4b73
#2a4b73
rgb(42,75,115)
-
#2f5481
#2f5481
rgb(47,84,129)
-
#355e90
#355e90
rgb(53,94,144)
-
#3a679e
#3a679e
rgb(58,103,158)
-
#3f70ac
#3f70ac
rgb(63,112,172)
-
#457abb
#457abb
rgb(69,122,187)
-
#5384c0
#5384c0
rgb(83,132,192)
-
#618ec5
#618ec5
rgb(97,142,197)
-
#7099ca
#7099ca
rgb(112,153,202)
-
#7ea3d0
#7ea3d0
rgb(126,163,208)
-
#8cadd5
#8cadd5
rgb(140,173,213)
-
#9bb7da
#9bb7da
rgb(155,183,218)
-
#a9c2df
#a9c2df
rgb(169,194,223)
-
#b7cce5
#b7cce5
rgb(183,204,229)
-
#c6d6ea
#c6d6ea
rgb(198,214,234)
-
#d4e0ef
#d4e0ef
rgb(212,224,239)
-
#e2ebf5
#e2ebf5
rgb(226,235,245)
-
#f1f5fa
#f1f5fa
rgb(241,245,250)
Tones of #3a679e
A tone is produced by adding gray to any pure hue. In this case, #6c6c6c is the less saturated color, while #0862d0 is the most saturated one.
-
#6c6c6c
#6c6c6c
rgb(108,108,108)
-
#646b74
#646b74
rgb(100,107,116)
-
#5b6a7d
#5b6a7d
rgb(91,106,125)
-
#536985
#536985
rgb(83,105,133)
-
#4b698d
#4b698d
rgb(75,105,141)
-
#426896
#426896
rgb(66,104,150)
-
#3a679e
#3a679e
rgb(58,103,158)
-
#3266a6
#3266a6
rgb(50,102,166)
-
#2965af
#2965af
rgb(41,101,175)
-
#2165b7
#2165b7
rgb(33,101,183)
-
#1964bf
#1964bf
rgb(25,100,191)
-
#1063c8
#1063c8
rgb(16,99,200)
-
#0862d0
#0862d0
rgb(8,98,208)
Color Blindness Simulator
Below, you can see how #3a679e 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.