#3b48e8 hex color

In a RGB color space, hex #3b48e8 is composed of 23.1% red, 28.2% green and 91% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 69% magenta, 0% yellow and 9% black. It has a hue angle of 235.5 degrees, a saturation of 79% and a lightness of 57.1%. #3b48e8 color hex could be obtained by blending #7690ff with #0000d1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 23
- G 28
- B 91
RGB color chart
- C 75
- M 69
- Y 0
- K 9
CMYK color chart

● #3b48e8 color description : Bright blue.

The hexadecimal color #3b48e8 has RGB values of R:59, G:72, B:232 and CMYK values of C:0.75, M:0.69, Y:0, K:0.09. Its decimal value is 3885288.

Hex triplet	3b48e8	`#3b48e8`
RGB Decimal	59, 72, 232	`rgb(59,72,232)`
RGB Percent	23.1, 28.2, 91	`rgb(23.1%,28.2%,91%)`
CMYK	75, 69, 0, 9
HSL	235.5°, 79, 57.1	`hsl(235.5,79%,57.1%)`
HSV (or HSB)	235.5°, 74.6, 91
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.229, 48.355, -81.665
XYZ	18.684, 11.39, 77.553
xyY	0.174, 0.106, 11.39
CIE-LCH	40.229, 94.908, 300.63
CIE-LUV	40.229, -10.89, -117.951
Hunter-Lab	33.748, 39.76, -112.624
Binary	00111011, 01001000, 11101000

#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#e8db3b
```
#e8db3b rgb(232,219,59)
```

Complementary Color

#3b9fe8
```
#3b9fe8 rgb(59,159,232)
```
#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#853be8
```
#853be8 rgb(133,59,232)
```

Analogous Color

#9fe83b
```
#9fe83b rgb(159,232,59)
```
#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#e8853b
```
#e8853b rgb(232,133,59)
```

Split Complementary Color

#48e83b
```
#48e83b rgb(72,232,59)
```
#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#e83b48
```
#e83b48 rgb(232,59,72)
```

Triadic Color

#3be8db
```
#3be8db rgb(59,232,219)
```
#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#e83b48
```
#e83b48 rgb(232,59,72)
```
#e8db3b
```
#e8db3b rgb(232,219,59)
```

Tetradic Color

#1723c0
```
#1723c0 rgb(23,35,192)
```
#1927d7
```
#1927d7 rgb(25,39,215)
```
#2433e5
```
#2433e5 rgb(36,51,229)
```
#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#525deb
```
#525deb rgb(82,93,235)
```
#6973ed
```
#6973ed rgb(105,115,237)
```
#7f88f0
```
#7f88f0 rgb(127,136,240)
```

Monochromatic Color

Below, you can see some colors close to #3b48e8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3b73e8
```
#3b73e8 rgb(59,115,232)
```
#3b65e8
```
#3b65e8 rgb(59,101,232)
```
#3b56e8
```
#3b56e8 rgb(59,86,232)
```
#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#3c3be8
```
#3c3be8 rgb(60,59,232)
```
#4b3be8
```
#4b3be8 rgb(75,59,232)
```
#593be8
```
#593be8 rgb(89,59,232)
```

Similar Colors

Text with hexadecimal color #3b48e8

This text has a font color of #3b48e8.

<span style="color:#3b48e8;">Text here</span>

#3b48e8 background color

This paragraph has a background color of #3b48e8.

<p style="background-color:#3b48e8;">Content here</p>

#3b48e8 border color

This element has a border color of #3b48e8.

<div style="border:1px solid #3b48e8;">Content here</div>

CSS codes

.text {color:#3b48e8;}

.background {background-color:#3b48e8;}

.border {border:1px solid #3b48e8;}

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, #02030f is the darkest color, while #fcfcff is the lightest one.

#02030f
```
#02030f rgb(2,3,15)
```
#040620
```
#040620 rgb(4,6,32)
```
#060932
```
#060932 rgb(6,9,50)
```
#080c43
```
#080c43 rgb(8,12,67)
```
#0a1055
```
#0a1055 rgb(10,16,85)
```
#0c1366
```
#0c1366 rgb(12,19,102)
```
#0e1678
```
#0e1678 rgb(14,22,120)
```
#10198a
```
#10198a rgb(16,25,138)
```
#121c9b
```
#121c9b rgb(18,28,155)
```
#1420ad
```
#1420ad rgb(20,32,173)
```
#1623be
```
#1623be rgb(22,35,190)
```
#1826d0
```
#1826d0 rgb(24,38,208)
```
#1a29e1
```
#1a29e1 rgb(26,41,225)
```

Shade Color Variation

#2938e6
```
#2938e6 rgb(41,56,230)
```
#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#4d58ea
```
#4d58ea rgb(77,88,234)
```
#5e69ec
```
#5e69ec rgb(94,105,236)
```
#7079ee
```
#7079ee rgb(112,121,238)
```
#818af0
```
#818af0 rgb(129,138,240)
```
#939af2
```
#939af2 rgb(147,154,242)
```
#a4aaf4
```
#a4aaf4 rgb(164,170,244)
```
#b6bbf6
```
#b6bbf6 rgb(182,187,246)
```
#c7cbf8
```
#c7cbf8 rgb(199,203,248)
```
#d9dcfb
```
#d9dcfb rgb(217,220,251)
```
#ebecfd
```
#ebecfd rgb(235,236,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9094 is the less saturated color, while #2a3af9 is the most saturated one.

#8f9094
```
#8f9094 rgb(143,144,148)
```
#87889c
```
#87889c rgb(135,136,156)
```
#7e81a5
```
#7e81a5 rgb(126,129,165)
```
#767aad
```
#767aad rgb(118,122,173)
```
#6e73b5
```
#6e73b5 rgb(110,115,181)
```
#656cbe
```
#656cbe rgb(101,108,190)
```
#5d65c6
```
#5d65c6 rgb(93,101,198)
```
#545dcf
```
#545dcf rgb(84,93,207)
```
#4c56d7
```
#4c56d7 rgb(76,86,215)
```
#434fe0
```
#434fe0 rgb(67,79,224)
```
#3b48e8
```
#3b48e8 rgb(59,72,232)
```
#3341f0
```
#3341f0 rgb(51,65,240)
```
#2a3af9
```
#2a3af9 rgb(42,58,249)
```

Tone Color Variation

Below, you can see how #3b48e8 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.

Monochromacy

#565656 Achromatopsia 0.005% of the population
#515373 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1559d0 Protanomaly 1% of men, 0.01% of women
#155dc0 Deuteranomaly 6% of men, 0.4% of women
#1562a0 Tritanomaly 0.01% of the population

#3b48e8 hex color

#3b48e8 Color Information

#3b48e8 Color Conversion

Color Schemes with #3b48e8

Alternatives to #3b48e8

#3b48e8 Preview

Shades and Tints of #3b48e8

Tones of #3b48e8

Color Blindness Simulator