#3a85ff Color Information
In a RGB color space, hex #3a85ff is composed of 22.7% red, 52.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 47.8% magenta, 0% yellow and 0% black. It has a hue angle of 217.2 degrees, a saturation of 100% and a lightness of 61.4%. #3a85ff color hex could be obtained by blending #74ffff with #000bff. Closest websafe color is: #3399ff.
-
- R 23
- G 52
- B 100
-
- C 77
- M 48
- Y 0
- K 0
● #3a85ff color description : Light blue.
#3a85ff Color Conversion
The hexadecimal color #3a85ff has RGB values of R:58, G:133, B:255 and CMYK values of C:0.77, M:0.48, Y:0, K:0. Its decimal value is 3835391.
Hex triplet | 3a85ff | #3a85ff |
---|---|---|
RGB Decimal | 58, 133, 255 | rgb(58,133,255) |
RGB Percent | 22.7, 52.2, 100 | rgb(22.7%,52.2%,100%) |
CMYK | 77, 48, 0, 0 | |
HSL | 217.2°, 100, 61.4 | hsl(217.2,100%,61.4%) |
HSV (or HSB) | 217.2°, 77.3, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.97, 18.87, -67.239 |
---|---|
XYZ | 28.178, 24.892, 97.922 |
xyY | 0.187, 0.165, 24.892 |
CIE-LCH | 56.97, 69.837, 285.676 |
CIE-LUV | 56.97, -26.469, -108.235 |
Hunter-Lab | 49.892, 13.503, -81.442 |
Binary | 00111010, 10000101, 11111111 |
Color Schemes with #3a85ff
Alternatives to #3a85ff
Below, you can see some colors close to #3a85ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a85ff Preview
This text has a font color of #3a85ff.
<span style="color:#3a85ff;">Text here</span>
This paragraph has a background color of #3a85ff.
<p style="background-color:#3a85ff;">Content here</p>
This element has a border color of #3a85ff.
<div style="border:1px solid #3a85ff;">Content here</div>
.text {color:#3a85ff;}
.background {background-color:#3a85ff;}
.border {border:1px solid #3a85ff;}
Shades and Tints of #3a85ff
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, #000713 is the darkest color, while #fefeff is the lightest one.
-
#000713
#000713
rgb(0,7,19)
-
#000f26
#000f26
rgb(0,15,38)
-
#00163a
#00163a
rgb(0,22,58)
-
#001e4e
#001e4e
rgb(0,30,78)
-
#002561
#002561
rgb(0,37,97)
-
#002c75
#002c75
rgb(0,44,117)
-
#003488
#003488
rgb(0,52,136)
-
#003b9c
#003b9c
rgb(0,59,156)
-
#0043b0
#0043b0
rgb(0,67,176)
-
#004ac3
#004ac3
rgb(0,74,195)
-
#0052d7
#0052d7
rgb(0,82,215)
-
#0059eb
#0059eb
rgb(0,89,235)
-
#0061fe
#0061fe
rgb(0,97,254)
-
#136dff
#136dff
rgb(19,109,255)
-
#2679ff
#2679ff
rgb(38,121,255)
-
#3a85ff
#3a85ff
rgb(58,133,255)
-
#4e91ff
#4e91ff
rgb(78,145,255)
-
#619dff
#619dff
rgb(97,157,255)
-
#75a9ff
#75a9ff
rgb(117,169,255)
-
#88b6ff
#88b6ff
rgb(136,182,255)
-
#9cc2ff
#9cc2ff
rgb(156,194,255)
-
#b0ceff
#b0ceff
rgb(176,206,255)
-
#c3daff
#c3daff
rgb(195,218,255)
-
#d7e6ff
#d7e6ff
rgb(215,230,255)
-
#ebf2ff
#ebf2ff
rgb(235,242,255)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #3a85ff
A tone is produced by adding gray to any pure hue. In this case, #959ba4 is the less saturated color, while #3a85ff is the most saturated one.
-
#959ba4
#959ba4
rgb(149,155,164)
-
#8d99ac
#8d99ac
rgb(141,153,172)
-
#8697b3
#8697b3
rgb(134,151,179)
-
#7e95bb
#7e95bb
rgb(126,149,187)
-
#7793c2
#7793c2
rgb(119,147,194)
-
#6f92ca
#6f92ca
rgb(111,146,202)
-
#6790d2
#6790d2
rgb(103,144,210)
-
#608ed9
#608ed9
rgb(96,142,217)
-
#588ce1
#588ce1
rgb(88,140,225)
-
#518ae8
#518ae8
rgb(81,138,232)
-
#4989f0
#4989f0
rgb(73,137,240)
-
#4287f7
#4287f7
rgb(66,135,247)
-
#3a85ff
#3a85ff
rgb(58,133,255)
Color Blindness Simulator
Below, you can see how #3a85ff 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.