#3a7ed1 Color Information
In a RGB color space, hex #3a7ed1 is composed of 22.7% red, 49.4% green and 82% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 39.7% magenta, 0% yellow and 18% black. It has a hue angle of 213 degrees, a saturation of 62.1% and a lightness of 52.4%. #3a7ed1 color hex could be obtained by blending #74fcff with #0000a3. Closest websafe color is: #3366cc.
-
- R 23
- G 49
- B 82
-
- C 72
- M 40
- Y 0
- K 18
● #3a7ed1 color description : Moderate blue.
#3a7ed1 Color Conversion
The hexadecimal color #3a7ed1 has RGB values of R:58, G:126, B:209 and CMYK values of C:0.72, M:0.4, Y:0, K:0.18. Its decimal value is 3833553.
Hex triplet | 3a7ed1 | #3a7ed1 |
---|---|---|
RGB Decimal | 58, 126, 209 | rgb(58,126,209) |
RGB Percent | 22.7, 49.4, 82 | rgb(22.7%,49.4%,82%) |
CMYK | 72, 40, 0, 18 | |
HSL | 213°, 62.1, 52.4 | hsl(213,62.1%,52.4%) |
HSV (or HSB) | 213°, 72.2, 82 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 52.312, 6.433, -49.026 |
---|---|
XYZ | 20.712, 20.423, 63.169 |
xyY | 0.199, 0.196, 20.423 |
CIE-LCH | 52.312, 49.446, 277.475 |
CIE-LUV | 52.312, -25.474, -76.512 |
Hunter-Lab | 45.192, 2.722, -51.24 |
Binary | 00111010, 01111110, 11010001 |
Color Schemes with #3a7ed1
Alternatives to #3a7ed1
Below, you can see some colors close to #3a7ed1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a7ed1 Preview
This text has a font color of #3a7ed1.
<span style="color:#3a7ed1;">Text here</span>
This paragraph has a background color of #3a7ed1.
<p style="background-color:#3a7ed1;">Content here</p>
This element has a border color of #3a7ed1.
<div style="border:1px solid #3a7ed1;">Content here</div>
.text {color:#3a7ed1;}
.background {background-color:#3a7ed1;}
.border {border:1px solid #3a7ed1;}
Shades and Tints of #3a7ed1
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, #02060a is the darkest color, while #f9fbfe is the lightest one.
-
#02060a
#02060a
rgb(2,6,10)
-
#060f1a
#060f1a
rgb(6,15,26)
-
#0a182a
#0a182a
rgb(10,24,42)
-
#0d2139
#0d2139
rgb(13,33,57)
-
#112a49
#112a49
rgb(17,42,73)
-
#153459
#153459
rgb(21,52,89)
-
#193d69
#193d69
rgb(25,61,105)
-
#1c4679
#1c4679
rgb(28,70,121)
-
#204f89
#204f89
rgb(32,79,137)
-
#245899
#245899
rgb(36,88,153)
-
#2762a9
#2762a9
rgb(39,98,169)
-
#2b6bb9
#2b6bb9
rgb(43,107,185)
-
#2f74c9
#2f74c9
rgb(47,116,201)
-
#3a7ed1
#3a7ed1
rgb(58,126,209)
-
#4a88d5
#4a88d5
rgb(74,136,213)
-
#5a93d8
#5a93d8
rgb(90,147,216)
-
#6a9ddc
#6a9ddc
rgb(106,157,220)
-
#7aa8e0
#7aa8e0
rgb(122,168,224)
-
#8ab2e4
#8ab2e4
rgb(138,178,228)
-
#99bce7
#99bce7
rgb(153,188,231)
-
#a9c7eb
#a9c7eb
rgb(169,199,235)
-
#b9d1ef
#b9d1ef
rgb(185,209,239)
-
#c9dcf2
#c9dcf2
rgb(201,220,242)
-
#d9e6f6
#d9e6f6
rgb(217,230,246)
-
#e9f1fa
#e9f1fa
rgb(233,241,250)
-
#f9fbfe
#f9fbfe
rgb(249,251,254)
Tones of #3a7ed1
A tone is produced by adding gray to any pure hue. In this case, #858586 is the less saturated color, while #157af6 is the most saturated one.
-
#858586
#858586
rgb(133,133,134)
-
#7b8490
#7b8490
rgb(123,132,144)
-
#728499
#728499
rgb(114,132,153)
-
#6983a2
#6983a2
rgb(105,131,162)
-
#5f82ac
#5f82ac
rgb(95,130,172)
-
#5681b5
#5681b5
rgb(86,129,181)
-
#4d80be
#4d80be
rgb(77,128,190)
-
#437fc8
#437fc8
rgb(67,127,200)
-
#3a7ed1
#3a7ed1
rgb(58,126,209)
-
#317dda
#317dda
rgb(49,125,218)
-
#277ce4
#277ce4
rgb(39,124,228)
-
#1e7bed
#1e7bed
rgb(30,123,237)
-
#157af6
#157af6
rgb(21,122,246)
Color Blindness Simulator
Below, you can see how #3a7ed1 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.