#3a5bc6 Color Information
In a RGB color space, hex #3a5bc6 is composed of 22.7% red, 35.7% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 54% magenta, 0% yellow and 22.4% black. It has a hue angle of 225.9 degrees, a saturation of 55.1% and a lightness of 50.2%. #3a5bc6 color hex could be obtained by blending #74b6ff with #00008d. Closest websafe color is: #3366cc.
-
- R 23
- G 36
- B 78
-
- C 71
- M 54
- Y 0
- K 22
● #3a5bc6 color description : Moderate blue.
#3a5bc6 Color Conversion
The hexadecimal color #3a5bc6 has RGB values of R:58, G:91, B:198 and CMYK values of C:0.71, M:0.54, Y:0, K:0.22. Its decimal value is 3824582.
Hex triplet | 3a5bc6 | #3a5bc6 |
---|---|---|
RGB Decimal | 58, 91, 198 | rgb(58,91,198) |
RGB Percent | 22.7, 35.7, 77.6 | rgb(22.7%,35.7%,77.6%) |
CMYK | 71, 54, 0, 22 | |
HSL | 225.9°, 55.1, 50.2 | hsl(225.9,55.1%,50.2%) |
HSV (or HSB) | 225.9°, 70.7, 77.6 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 41.935, 24.487, -59.395 |
---|---|
XYZ | 15.677, 12.458, 55.001 |
xyY | 0.189, 0.15, 12.458 |
CIE-LCH | 41.935, 64.245, 292.405 |
CIE-LUV | 41.935, -14.845, -89.016 |
Hunter-Lab | 35.296, 17.515, -67.685 |
Binary | 00111010, 01011011, 11000110 |
Color Schemes with #3a5bc6
Alternatives to #3a5bc6
Below, you can see some colors close to #3a5bc6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a5bc6 Preview
This text has a font color of #3a5bc6.
<span style="color:#3a5bc6;">Text here</span>
This paragraph has a background color of #3a5bc6.
<p style="background-color:#3a5bc6;">Content here</p>
This element has a border color of #3a5bc6.
<div style="border:1px solid #3a5bc6;">Content here</div>
.text {color:#3a5bc6;}
.background {background-color:#3a5bc6;}
.border {border:1px solid #3a5bc6;}
Shades and Tints of #3a5bc6
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, #000001 is the darkest color, while #f1f3fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#050710
#050710
rgb(5,7,16)
-
#090e1f
#090e1f
rgb(9,14,31)
-
#0d152e
#0d152e
rgb(13,21,46)
-
#121c3e
#121c3e
rgb(18,28,62)
-
#16234d
#16234d
rgb(22,35,77)
-
#1b2a5c
#1b2a5c
rgb(27,42,92)
-
#1f316b
#1f316b
rgb(31,49,107)
-
#23387a
#23387a
rgb(35,56,122)
-
#283f8a
#283f8a
rgb(40,63,138)
-
#2c4699
#2c4699
rgb(44,70,153)
-
#314da8
#314da8
rgb(49,77,168)
-
#3554b7
#3554b7
rgb(53,84,183)
-
#3a5bc6
#3a5bc6
rgb(58,91,198)
-
#4968ca
#4968ca
rgb(73,104,202)
-
#5874cf
#5874cf
rgb(88,116,207)
-
#6881d3
#6881d3
rgb(104,129,211)
-
#778ed8
#778ed8
rgb(119,142,216)
-
#869adc
#869adc
rgb(134,154,220)
-
#95a7e0
#95a7e0
rgb(149,167,224)
-
#a4b4e5
#a4b4e5
rgb(164,180,229)
-
#b4c0e9
#b4c0e9
rgb(180,192,233)
-
#c3cdee
#c3cdee
rgb(195,205,238)
-
#d2daf2
#d2daf2
rgb(210,218,242)
-
#e1e6f6
#e1e6f6
rgb(225,230,246)
-
#f1f3fb
#f1f3fb
rgb(241,243,251)
Tones of #3a5bc6
A tone is produced by adding gray to any pure hue. In this case, #7e7f82 is the less saturated color, while #0941f7 is the most saturated one.
-
#7e7f82
#7e7f82
rgb(126,127,130)
-
#757a8b
#757a8b
rgb(117,122,139)
-
#6b7595
#6b7595
rgb(107,117,149)
-
#61709f
#61709f
rgb(97,112,159)
-
#576aa9
#576aa9
rgb(87,106,169)
-
#4e65b2
#4e65b2
rgb(78,101,178)
-
#4460bc
#4460bc
rgb(68,96,188)
-
#3a5bc6
#3a5bc6
rgb(58,91,198)
-
#3056d0
#3056d0
rgb(48,86,208)
-
#2651da
#2651da
rgb(38,81,218)
-
#1d4ce3
#1d4ce3
rgb(29,76,227)
-
#1346ed
#1346ed
rgb(19,70,237)
-
#0941f7
#0941f7
rgb(9,65,247)
Color Blindness Simulator
Below, you can see how #3a5bc6 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.