#4b63e2 hex color

In a RGB color space, hex #4b63e2 is composed of 29.4% red, 38.8% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 66.8% cyan, 56.2% magenta, 0% yellow and 11.4% black. It has a hue angle of 230.5 degrees, a saturation of 72.2% and a lightness of 59%. #4b63e2 color hex could be obtained by blending #96c6ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 39
- B 89
RGB color chart
- C 67
- M 56
- Y 0
- K 11
CMYK color chart

● #4b63e2 color description : Soft blue.

The hexadecimal color #4b63e2 has RGB values of R:75, G:99, B:226 and CMYK values of C:0.67, M:0.56, Y:0, K:0.11. Its decimal value is 4940770.

Hex triplet	4b63e2	`#4b63e2`
RGB Decimal	75, 99, 226	`rgb(75,99,226)`
RGB Percent	29.4, 38.8, 88.6	`rgb(29.4%,38.8%,88.6%)`
CMYK	67, 56, 0, 11
HSL	230.5°, 72.2, 59	`hsl(230.5,72.2%,59%)`
HSV (or HSB)	230.5°, 66.8, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.855, 31.766, -67.396
XYZ	21.088, 15.909, 73.907
xyY	0.19, 0.143, 15.909
CIE-LCH	46.855, 74.507, 295.236
CIE-LUV	46.855, -13.787, -104.119
Hunter-Lab	39.886, 24.572, -81.94
Binary	01001011, 01100011, 11100010

#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#e2ca4b
```
#e2ca4b rgb(226,202,75)
```

Complementary Color

#4bafe2
```
#4bafe2 rgb(75,175,226)
```
#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#7f4be2
```
#7f4be2 rgb(127,75,226)
```

Analogous Color

#afe24b
```
#afe24b rgb(175,226,75)
```
#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#e27f4b
```
#e27f4b rgb(226,127,75)
```

Split Complementary Color

#63e24b
```
#63e24b rgb(99,226,75)
```
#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#e24b63
```
#e24b63 rgb(226,75,99)
```

Triadic Color

#4be2ca
```
#4be2ca rgb(75,226,202)
```
#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#e24b63
```
#e24b63 rgb(226,75,99)
```
#e2ca4b
```
#e2ca4b rgb(226,202,75)
```

Tetradic Color

#1f39c1
```
#1f39c1 rgb(31,57,193)
```
#233fd7
```
#233fd7 rgb(35,63,215)
```
#3550de
```
#3550de rgb(53,80,222)
```
#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#6176e6
```
#6176e6 rgb(97,118,230)
```
#7789e9
```
#7789e9 rgb(119,137,233)
```
#8d9ced
```
#8d9ced rgb(141,156,237)
```

Monochromatic Color

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

#4b89e2
```
#4b89e2 rgb(75,137,226)
```
#4b7ce2
```
#4b7ce2 rgb(75,124,226)
```
#4b70e2
```
#4b70e2 rgb(75,112,226)
```
#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#4b56e2
```
#4b56e2 rgb(75,86,226)
```
#4c4be2
```
#4c4be2 rgb(76,75,226)
```
#594be2
```
#594be2 rgb(89,75,226)
```

Similar Colors

Text with hexadecimal color #4b63e2

This text has a font color of #4b63e2.

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

#4b63e2 background color

This paragraph has a background color of #4b63e2.

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

#4b63e2 border color

This element has a border color of #4b63e2.

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

CSS codes

.text {color:#4b63e2;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#040717
```
#040717 rgb(4,7,23)
```
#060c28
```
#060c28 rgb(6,12,40)
```
#091139
```
#091139 rgb(9,17,57)
```
#0c1649
```
#0c1649 rgb(12,22,73)
```
#0f1b5a
```
#0f1b5a rgb(15,27,90)
```
#11206b
```
#11206b rgb(17,32,107)
```
#14257c
```
#14257c rgb(20,37,124)
```
#172a8d
```
#172a8d rgb(23,42,141)
```
#192e9e
```
#192e9e rgb(25,46,158)
```
#1c33af
```
#1c33af rgb(28,51,175)
```
#1f38c0
```
#1f38c0 rgb(31,56,192)
```
#223dd1
```
#223dd1 rgb(34,61,209)
```

Shade Color Variation

#2946dd
```
#2946dd rgb(41,70,221)
```
#3a54df
```
#3a54df rgb(58,84,223)
```
#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#5c72e5
```
#5c72e5 rgb(92,114,229)
```
#6d80e7
```
#6d80e7 rgb(109,128,231)
```
#7e8fea
```
#7e8fea rgb(126,143,234)
```
#8f9eed
```
#8f9eed rgb(143,158,237)
```
#9facf0
```
#9facf0 rgb(159,172,240)
```
#b0bbf2
```
#b0bbf2 rgb(176,187,242)
```
#c1c9f5
```
#c1c9f5 rgb(193,201,245)
```
#d2d8f8
```
#d2d8f8 rgb(210,216,248)
```
#e3e7fa
```
#e3e7fa rgb(227,231,250)
```
#f4f5fd
```
#f4f5fd rgb(244,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93949a is the less saturated color, while #3353fa is the most saturated one.

#93949a
```
#93949a rgb(147,148,154)
```
#8b8fa2
```
#8b8fa2 rgb(139,143,162)
```
#8389aa
```
#8389aa rgb(131,137,170)
```
#7b84b2
```
#7b84b2 rgb(123,132,178)
```
#737eba
```
#737eba rgb(115,126,186)
```
#6b79c2
```
#6b79c2 rgb(107,121,194)
```
#6373ca
```
#6373ca rgb(99,115,202)
```
#5b6ed2
```
#5b6ed2 rgb(91,110,210)
```
#5368da
```
#5368da rgb(83,104,218)
```
#4b63e2
```
#4b63e2 rgb(75,99,226)
```
#435eea
```
#435eea rgb(67,94,234)
```
#3b58f2
```
#3b58f2 rgb(59,88,242)
```
#3353fa
```
#3353fa rgb(51,83,250)
```

Tone Color Variation

Below, you can see how #4b63e2 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

#6a6a6a Achromatopsia 0.005% of the population
#646982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e1 Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1b6de1 Protanomaly 1% of men, 0.01% of women
#1b71cf Deuteranomaly 6% of men, 0.4% of women
#1b76aa Tritanomaly 0.01% of the population

#4b63e2 hex color

#4b63e2 Color Information

#4b63e2 Color Conversion

Color Schemes with #4b63e2

Alternatives to #4b63e2

#4b63e2 Preview

Shades and Tints of #4b63e2

Tones of #4b63e2

Color Blindness Simulator