#3a48f5 Color Information
In a RGB color space, hex #3a48f5 is composed of 22.7% red, 28.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 70.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 235.5 degrees, a saturation of 90.3% and a lightness of 59.4%. #3a48f5 color hex could be obtained by blending #7490ff with #0000eb. Closest websafe color is: #3333ff.
-
- R 23
- G 28
- B 96
-
- C 76
- M 71
- Y 0
- K 4
● #3a48f5 color description : Bright blue.
#3a48f5 Color Conversion
The hexadecimal color #3a48f5 has RGB values of R:58, G:72, B:245 and CMYK values of C:0.76, M:0.71, Y:0, K:0.04. Its decimal value is 3819765.
Hex triplet | 3a48f5 | #3a48f5 |
---|---|---|
RGB Decimal | 58, 72, 245 | rgb(58,72,245) |
RGB Percent | 22.7, 28.2, 96.1 | rgb(22.7%,28.2%,96.1%) |
CMYK | 76, 71, 0, 4 | |
HSL | 235.5°, 90.3, 59.4 | hsl(235.5,90.3%,59.4%) |
HSV (or HSB) | 235.5°, 76.3, 96.1 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 41.415, 52.572, -87.05 |
---|---|
XYZ | 20.54, 12.125, 87.639 |
xyY | 0.171, 0.101, 12.125 |
CIE-LCH | 41.415, 101.693, 301.129 |
CIE-LUV | 41.415, -11.456, -125.888 |
Hunter-Lab | 34.822, 44.355, -124.846 |
Binary | 00111010, 01001000, 11110101 |
Color Schemes with #3a48f5
Alternatives to #3a48f5
Below, you can see some colors close to #3a48f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a48f5 Preview
This text has a font color of #3a48f5.
<span style="color:#3a48f5;">Text here</span>
This paragraph has a background color of #3a48f5.
<p style="background-color:#3a48f5;">Content here</p>
This element has a border color of #3a48f5.
<div style="border:1px solid #3a48f5;">Content here</div>
.text {color:#3a48f5;}
.background {background-color:#3a48f5;}
.border {border:1px solid #3a48f5;}
Shades and Tints of #3a48f5
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, #000108 is the darkest color, while #f5f5fe is the lightest one.
-
#000108
#000108
rgb(0,1,8)
-
#01031b
#01031b
rgb(1,3,27)
-
#02062e
#02062e
rgb(2,6,46)
-
#030840
#030840
rgb(3,8,64)
-
#040a53
#040a53
rgb(4,10,83)
-
#050c66
#050c66
rgb(5,12,102)
-
#060f78
#060f78
rgb(6,15,120)
-
#07118b
#07118b
rgb(7,17,139)
-
#08139e
#08139e
rgb(8,19,158)
-
#0915b0
#0915b0
rgb(9,21,176)
-
#0a18c3
#0a18c3
rgb(10,24,195)
-
#0b1ad6
#0b1ad6
rgb(11,26,214)
-
#0c1ce8
#0c1ce8
rgb(12,28,232)
-
#1525f3
#1525f3
rgb(21,37,243)
-
#2737f4
#2737f4
rgb(39,55,244)
-
#3a48f5
#3a48f5
rgb(58,72,245)
-
#4d59f6
#4d59f6
rgb(77,89,246)
-
#5f6bf7
#5f6bf7
rgb(95,107,247)
-
#727cf8
#727cf8
rgb(114,124,248)
-
#858df9
#858df9
rgb(133,141,249)
-
#979ffa
#979ffa
rgb(151,159,250)
-
#aab0fb
#aab0fb
rgb(170,176,251)
-
#bdc1fc
#bdc1fc
rgb(189,193,252)
-
#cfd3fd
#cfd3fd
rgb(207,211,253)
-
#e2e4fe
#e2e4fe
rgb(226,228,254)
-
#f5f5fe
#f5f5fe
rgb(245,245,254)
Tones of #3a48f5
A tone is produced by adding gray to any pure hue. In this case, #92929d is the less saturated color, while #3241fd is the most saturated one.
-
#92929d
#92929d
rgb(146,146,157)
-
#8a8ca5
#8a8ca5
rgb(138,140,165)
-
#8285ad
#8285ad
rgb(130,133,173)
-
#7a7eb5
#7a7eb5
rgb(122,126,181)
-
#7277bd
#7277bd
rgb(114,119,189)
-
#6a71c5
#6a71c5
rgb(106,113,197)
-
#626acd
#626acd
rgb(98,106,205)
-
#5a63d5
#5a63d5
rgb(90,99,213)
-
#525cdd
#525cdd
rgb(82,92,221)
-
#4a56e5
#4a56e5
rgb(74,86,229)
-
#424fed
#424fed
rgb(66,79,237)
-
#3a48f5
#3a48f5
rgb(58,72,245)
-
#3241fd
#3241fd
rgb(50,65,253)
Color Blindness Simulator
Below, you can see how #3a48f5 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.