#3a85e1 Color Information
In a RGB color space, hex #3a85e1 is composed of 22.7% red, 52.2% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 40.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 213.1 degrees, a saturation of 73.6% and a lightness of 55.5%. #3a85e1 color hex could be obtained by blending #74ffff with #000bc3. Closest websafe color is: #3399cc.
-
- R 23
- G 52
- B 88
-
- C 74
- M 41
- Y 0
- K 12
● #3a85e1 color description : Bright blue.
#3a85e1 Color Conversion
The hexadecimal color #3a85e1 has RGB values of R:58, G:133, B:225 and CMYK values of C:0.74, M:0.41, Y:0, K:0.12. Its decimal value is 3835361.
Hex triplet | 3a85e1 | #3a85e1 |
---|---|---|
RGB Decimal | 58, 133, 225 | rgb(58,133,225) |
RGB Percent | 22.7, 52.2, 88.2 | rgb(22.7%,52.2%,88.2%) |
CMYK | 74, 41, 0, 12 | |
HSL | 213.1°, 73.6, 55.5 | hsl(213.1,73.6%,55.5%) |
HSV (or HSB) | 213.1°, 74.2, 88.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.184, 7.966, -53.458 |
---|---|
XYZ | 23.72, 23.109, 74.44 |
xyY | 0.196, 0.191, 23.109 |
CIE-LCH | 55.184, 54.048, 278.476 |
CIE-LUV | 55.184, -27.277, -84.659 |
Hunter-Lab | 48.072, 3.951, -58.162 |
Binary | 00111010, 10000101, 11100001 |
Color Schemes with #3a85e1
Alternatives to #3a85e1
Below, you can see some colors close to #3a85e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a85e1 Preview
This text has a font color of #3a85e1.
<span style="color:#3a85e1;">Text here</span>
This paragraph has a background color of #3a85e1.
<p style="background-color:#3a85e1;">Content here</p>
This element has a border color of #3a85e1.
<div style="border:1px solid #3a85e1;">Content here</div>
.text {color:#3a85e1;}
.background {background-color:#3a85e1;}
.border {border:1px solid #3a85e1;}
Shades and Tints of #3a85e1
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, #010407 is the darkest color, while #f5f9fe is the lightest one.
-
#010407
#010407
rgb(1,4,7)
-
#040d18
#040d18
rgb(4,13,24)
-
#061629
#061629
rgb(6,22,41)
-
#091f3a
#091f3a
rgb(9,31,58)
-
#0b284b
#0b284b
rgb(11,40,75)
-
#0e315c
#0e315c
rgb(14,49,92)
-
#113a6d
#113a6d
rgb(17,58,109)
-
#13437e
#13437e
rgb(19,67,126)
-
#164c8f
#164c8f
rgb(22,76,143)
-
#1856a0
#1856a0
rgb(24,86,160)
-
#1b5fb2
#1b5fb2
rgb(27,95,178)
-
#1e68c3
#1e68c3
rgb(30,104,195)
-
#2071d4
#2071d4
rgb(32,113,212)
-
#297ade
#297ade
rgb(41,122,222)
-
#3a85e1
#3a85e1
rgb(58,133,225)
-
#4b90e4
#4b90e4
rgb(75,144,228)
-
#5c9ae6
#5c9ae6
rgb(92,154,230)
-
#6da5e9
#6da5e9
rgb(109,165,233)
-
#7eafeb
#7eafeb
rgb(126,175,235)
-
#8fbaee
#8fbaee
rgb(143,186,238)
-
#a0c4f1
#a0c4f1
rgb(160,196,241)
-
#b1cff3
#b1cff3
rgb(177,207,243)
-
#c2d9f6
#c2d9f6
rgb(194,217,246)
-
#d3e4f8
#d3e4f8
rgb(211,228,248)
-
#e4eefb
#e4eefb
rgb(228,238,251)
-
#f5f9fe
#f5f9fe
rgb(245,249,254)
Tones of #3a85e1
A tone is produced by adding gray to any pure hue. In this case, #898d92 is the less saturated color, while #2082fb is the most saturated one.
-
#898d92
#898d92
rgb(137,141,146)
-
#808c9b
#808c9b
rgb(128,140,155)
-
#778ba4
#778ba4
rgb(119,139,164)
-
#6e8aad
#6e8aad
rgb(110,138,173)
-
#6689b5
#6689b5
rgb(102,137,181)
-
#5d89be
#5d89be
rgb(93,137,190)
-
#5488c7
#5488c7
rgb(84,136,199)
-
#4b87d0
#4b87d0
rgb(75,135,208)
-
#4386d8
#4386d8
rgb(67,134,216)
-
#3a85e1
#3a85e1
rgb(58,133,225)
-
#3184ea
#3184ea
rgb(49,132,234)
-
#2983f2
#2983f2
rgb(41,131,242)
-
#2082fb
#2082fb
rgb(32,130,251)
Color Blindness Simulator
Below, you can see how #3a85e1 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.