#4b48bb hex color

In a RGB color space, hex #4b48bb is composed of 29.4% red, 28.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 61.5% magenta, 0% yellow and 26.7% black. It has a hue angle of 241.6 degrees, a saturation of 45.8% and a lightness of 50.8%. #4b48bb color hex could be obtained by blending #9690ff with #000077. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 29
- G 28
- B 73
RGB color chart
- C 60
- M 61
- Y 0
- K 27
CMYK color chart

● #4b48bb color description : Moderate blue.

The hexadecimal color #4b48bb has RGB values of R:75, G:72, B:187 and CMYK values of C:0.6, M:0.61, Y:0, K:0.27. Its decimal value is 4933819.

Hex triplet	4b48bb	`#4b48bb`
RGB Decimal	75, 72, 187	`rgb(75,72,187)`
RGB Percent	29.4, 28.2, 73.3	`rgb(29.4%,28.2%,73.3%)`
CMYK	60, 61, 0, 27
HSL	241.6°, 45.8, 50.8	`hsl(241.6,45.8%,50.8%)`
HSV (or HSB)	241.6°, 61.5, 73.3
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.331, 35.352, -60.411
XYZ	14.187, 9.718, 48.139
xyY	0.197, 0.135, 9.718
CIE-LCH	37.331, 69.995, 300.336
CIE-LUV	37.331, -5.532, -87.835
Hunter-Lab	31.173, 26.681, -69.736
Binary	01001011, 01001000, 10111011

#4b48bb
```
#4b48bb rgb(75,72,187)
```
#b8bb48
```
#b8bb48 rgb(184,187,72)
```

Complementary Color

#487fbb
```
#487fbb rgb(72,127,187)
```
#4b48bb
```
#4b48bb rgb(75,72,187)
```
#8548bb
```
#8548bb rgb(133,72,187)
```

Analogous Color

#7fbb48
```
#7fbb48 rgb(127,187,72)
```
#4b48bb
```
#4b48bb rgb(75,72,187)
```
#bb8548
```
#bb8548 rgb(187,133,72)
```

Split Complementary Color

#48bb4b
```
#48bb4b rgb(72,187,75)
```
#4b48bb
```
#4b48bb rgb(75,72,187)
```
#bb4b48
```
#bb4b48 rgb(187,75,72)
```

Triadic Color

#48b8bb
```
#48b8bb rgb(72,184,187)
```
#4b48bb
```
#4b48bb rgb(75,72,187)
```
#bb4b48
```
#bb4b48 rgb(187,75,72)
```
#b8bb48
```
#b8bb48 rgb(184,187,72)
```

Tetradic Color

#343185
```
#343185 rgb(52,49,133)
```
#3b3898
```
#3b3898 rgb(59,56,152)
```
#423faa
```
#423faa rgb(66,63,170)
```
#4b48bb
```
#4b48bb rgb(75,72,187)
```
#5d5bc2
```
#5d5bc2 rgb(93,91,194)
```
#706dc9
```
#706dc9 rgb(112,109,201)
```
#8280d0
```
#8280d0 rgb(130,128,208)
```

Monochromatic Color

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

#4862bb
```
#4862bb rgb(72,98,187)
```
#4858bb
```
#4858bb rgb(72,88,187)
```
#484fbb
```
#484fbb rgb(72,79,187)
```
#4b48bb
```
#4b48bb rgb(75,72,187)
```
#5548bb
```
#5548bb rgb(85,72,187)
```
#5e48bb
```
#5e48bb rgb(94,72,187)
```
#6848bb
```
#6848bb rgb(104,72,187)
```

Similar Colors

Text with hexadecimal color #4b48bb

This text has a font color of #4b48bb.

<span style="color:#4b48bb;">Text here</span>

#4b48bb background color

This paragraph has a background color of #4b48bb.

<p style="background-color:#4b48bb;">Content here</p>

#4b48bb border color

This element has a border color of #4b48bb.

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

CSS codes

.text {color:#4b48bb;}

.background {background-color:#4b48bb;}

.border {border:1px solid #4b48bb;}

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, #010103 is the darkest color, while #f4f4fb is the lightest one.

#010103
```
#010103 rgb(1,1,3)
```
#070611
```
#070611 rgb(7,6,17)
```
#0c0c20
```
#0c0c20 rgb(12,12,32)
```
#12112e
```
#12112e rgb(18,17,46)
```
#17163c
```
#17163c rgb(23,22,60)
```
#1d1c4a
```
#1d1c4a rgb(29,28,74)
```
#222159
```
#222159 rgb(34,33,89)
```
#282667
```
#282667 rgb(40,38,103)
```
#2e2c75
```
#2e2c75 rgb(46,44,117)
```
#333184
```
#333184 rgb(51,49,132)
```
#393692
```
#393692 rgb(57,54,146)
```
#3e3ca0
```
#3e3ca0 rgb(62,60,160)
```
#4441af
```
#4441af rgb(68,65,175)
```

Shade Color Variation

#4b48bb
```
#4b48bb rgb(75,72,187)
```
#5956c0
```
#5956c0 rgb(89,86,192)
```
#6765c6
```
#6765c6 rgb(103,101,198)
```
#7573cb
```
#7573cb rgb(117,115,203)
```
#8381d0
```
#8381d0 rgb(131,129,208)
```
#9190d6
```
#9190d6 rgb(145,144,214)
```
#9f9edb
```
#9f9edb rgb(159,158,219)
```
#adace0
```
#adace0 rgb(173,172,224)
```
#bcbae6
```
#bcbae6 rgb(188,186,230)
```
#cac9eb
```
#cac9eb rgb(202,201,235)
```
#d8d7f0
```
#d8d7f0 rgb(216,215,240)
```
#e6e5f5
```
#e6e5f5 rgb(230,229,245)
```
#f4f4fb
```
#f4f4fb rgb(244,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79788b is the less saturated color, while #0b04ff is the most saturated one.

#79788b
```
#79788b rgb(121,120,139)
```
#706f94
```
#706f94 rgb(112,111,148)
```
#66659e
```
#66659e rgb(102,101,158)
```
#5d5ba8
```
#5d5ba8 rgb(93,91,168)
```
#5452b1
```
#5452b1 rgb(84,82,177)
```
#4b48bb
```
#4b48bb rgb(75,72,187)
```
#423ec5
```
#423ec5 rgb(66,62,197)
```
#3935ce
```
#3935ce rgb(57,53,206)
```
#302bd8
```
#302bd8 rgb(48,43,216)
```
#2621e2
```
#2621e2 rgb(38,33,226)
```
#1d18eb
```
#1d18eb rgb(29,24,235)
```
#140ef5
```
#140ef5 rgb(20,14,245)
```
#0b04ff
```
#0b04ff rgb(11,4,255)
```

Tone Color Variation

Below, you can see how #4b48bb 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
#54536a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db7 Protanopia 1% of men
#0062a0 Deuteranopia 1% of men
#216970 Tritanopia 0.001% of the population

Trichromacy

#1b55b8 Protanomaly 1% of men, 0.01% of women
#1b59aa Deuteranomaly 6% of men, 0.4% of women
#305d8b Tritanomaly 0.01% of the population

#4b48bb hex color

#4b48bb Color Information

#4b48bb Color Conversion

Color Schemes with #4b48bb

Alternatives to #4b48bb

#4b48bb Preview

Shades and Tints of #4b48bb

Tones of #4b48bb

Color Blindness Simulator