#3a7ec3 Color Information
In a RGB color space, hex #3a7ec3 is composed of 22.7% red, 49.4% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 35.4% magenta, 0% yellow and 23.5% black. It has a hue angle of 210.2 degrees, a saturation of 54.2% and a lightness of 49.6%. #3a7ec3 color hex could be obtained by blending #74fcff with #000087. Closest websafe color is: #3366cc.
-
- R 23
- G 49
- B 76
-
- C 70
- M 35
- Y 0
- K 24
● #3a7ec3 color description : Moderate blue.
#3a7ec3 Color Conversion
The hexadecimal color #3a7ec3 has RGB values of R:58, G:126, B:195 and CMYK values of C:0.7, M:0.35, Y:0, K:0.24. Its decimal value is 3833539.
Hex triplet | 3a7ec3 | #3a7ec3 |
---|---|---|
RGB Decimal | 58, 126, 195 | rgb(58,126,195) |
RGB Percent | 22.7, 49.4, 76.5 | rgb(22.7%,49.4%,76.5%) |
CMYK | 70, 35, 0, 24 | |
HSL | 210.2°, 54.2, 49.6 | hsl(210.2,54.2%,49.6%) |
HSV (or HSB) | 210.2°, 70.3, 76.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.565, 1.402, -42.245 |
---|---|
XYZ | 19.054, 19.76, 54.437 |
xyY | 0.204, 0.212, 19.76 |
CIE-LCH | 51.565, 42.268, 271.901 |
CIE-LUV | 51.565, -25.907, -64.943 |
Hunter-Lab | 44.452, -1.28, -41.491 |
Binary | 00111010, 01111110, 11000011 |
Color Schemes with #3a7ec3
Alternatives to #3a7ec3
Below, you can see some colors close to #3a7ec3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a7ec3 Preview
This text has a font color of #3a7ec3.
<span style="color:#3a7ec3;">Text here</span>
This paragraph has a background color of #3a7ec3.
<p style="background-color:#3a7ec3;">Content here</p>
This element has a border color of #3a7ec3.
<div style="border:1px solid #3a7ec3;">Content here</div>
.text {color:#3a7ec3;}
.background {background-color:#3a7ec3;}
.border {border:1px solid #3a7ec3;}
Shades and Tints of #3a7ec3
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, #04090e is the darkest color, while #fdfeff is the lightest one.
-
#04090e
#04090e
rgb(4,9,14)
-
#09131d
#09131d
rgb(9,19,29)
-
#0d1c2c
#0d1c2c
rgb(13,28,44)
-
#12263b
#12263b
rgb(18,38,59)
-
#16304a
#16304a
rgb(22,48,74)
-
#1b3a59
#1b3a59
rgb(27,58,89)
-
#1f4368
#1f4368
rgb(31,67,104)
-
#244d77
#244d77
rgb(36,77,119)
-
#285787
#285787
rgb(40,87,135)
-
#2d6196
#2d6196
rgb(45,97,150)
-
#316aa5
#316aa5
rgb(49,106,165)
-
#3674b4
#3674b4
rgb(54,116,180)
-
#3a7ec3
#3a7ec3
rgb(58,126,195)
-
#4888c9
#4888c9
rgb(72,136,201)
-
#5792cd
#5792cd
rgb(87,146,205)
-
#669cd2
#669cd2
rgb(102,156,210)
-
#75a5d6
#75a5d6
rgb(117,165,214)
-
#85afdb
#85afdb
rgb(133,175,219)
-
#94b9df
#94b9df
rgb(148,185,223)
-
#a3c3e4
#a3c3e4
rgb(163,195,228)
-
#b2cde8
#b2cde8
rgb(178,205,232)
-
#c1d7ed
#c1d7ed
rgb(193,215,237)
-
#d0e0f1
#d0e0f1
rgb(208,224,241)
-
#dfeaf6
#dfeaf6
rgb(223,234,246)
-
#eef4fa
#eef4fa
rgb(238,244,250)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3a7ec3
A tone is produced by adding gray to any pure hue. In this case, #7e7e7f is the less saturated color, while #097ef4 is the most saturated one.
-
#7e7e7f
#7e7e7f
rgb(126,126,127)
-
#747e89
#747e89
rgb(116,126,137)
-
#6b7e92
#6b7e92
rgb(107,126,146)
-
#617e9c
#617e9c
rgb(97,126,156)
-
#577ea6
#577ea6
rgb(87,126,166)
-
#4d7eb0
#4d7eb0
rgb(77,126,176)
-
#447eb9
#447eb9
rgb(68,126,185)
-
#3a7ec3
#3a7ec3
rgb(58,126,195)
-
#307ecd
#307ecd
rgb(48,126,205)
-
#277ed6
#277ed6
rgb(39,126,214)
-
#1d7ee0
#1d7ee0
rgb(29,126,224)
-
#137eea
#137eea
rgb(19,126,234)
-
#097ef4
#097ef4
rgb(9,126,244)
Color Blindness Simulator
Below, you can see how #3a7ec3 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.