#4b5bf8 hex color

In a RGB color space, hex #4b5bf8 is composed of 29.4% red, 35.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 63.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 234.5 degrees, a saturation of 92.5% and a lightness of 63.3%. #4b5bf8 color hex could be obtained by blending #96b6ff with #0000f1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 29
- G 36
- B 97
RGB color chart
- C 70
- M 63
- Y 0
- K 3
CMYK color chart

● #4b5bf8 color description : Soft blue.

The hexadecimal color #4b5bf8 has RGB values of R:75, G:91, B:248 and CMYK values of C:0.7, M:0.63, Y:0, K:0.03. Its decimal value is 4938744.

Hex triplet	4b5bf8	`#4b5bf8`
RGB Decimal	75, 91, 248	`rgb(75,91,248)`
RGB Percent	29.4, 35.7, 97.3	`rgb(29.4%,35.7%,97.3%)`
CMYK	70, 63, 0, 3
HSL	234.5°, 92.5, 63.3	`hsl(234.5,92.5%,63.3%)`
HSV (or HSB)	234.5°, 69.8, 97.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.65, 44.144, -80.096
XYZ	23.583, 15.754, 90.6
xyY	0.181, 0.121, 15.754
CIE-LCH	46.65, 91.455, 298.861
CIE-LUV	46.65, -12.386, -122.301
Hunter-Lab	39.691, 36.596, -107.552
Binary	01001011, 01011011, 11111000

#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```
#f8e84b
```
#f8e84b rgb(248,232,75)
```

Complementary Color

#4bb2f8
```
#4bb2f8 rgb(75,178,248)
```
#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```
#924bf8
```
#924bf8 rgb(146,75,248)
```

Analogous Color

#b2f84b
```
#b2f84b rgb(178,248,75)
```
#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```
#f8924b
```
#f8924b rgb(248,146,75)
```

Split Complementary Color

#5bf84b
```
#5bf84b rgb(91,248,75)
```
#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```
#f84b5b
```
#f84b5b rgb(248,75,91)
```

Triadic Color

#4bf8e8
```
#4bf8e8 rgb(75,248,232)
```
#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```
#f84b5b
```
#f84b5b rgb(248,75,91)
```
#f8e84b
```
#f8e84b rgb(248,232,75)
```

Tetradic Color

#091eed
```
#091eed rgb(9,30,237)
```
#1a2ef6
```
#1a2ef6 rgb(26,46,246)
```
#3245f7
```
#3245f7 rgb(50,69,247)
```
#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```
#6471f9
```
#6471f9 rgb(100,113,249)
```
#7c88fa
```
#7c88fa rgb(124,136,250)
```
#959efb
```
#959efb rgb(149,158,251)
```

Monochromatic Color

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

#4b86f8
```
#4b86f8 rgb(75,134,248)
```
#4b78f8
```
#4b78f8 rgb(75,120,248)
```
#4b69f8
```
#4b69f8 rgb(75,105,248)
```
#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```
#4b4df8
```
#4b4df8 rgb(75,77,248)
```
#584bf8
```
#584bf8 rgb(88,75,248)
```
#664bf8
```
#664bf8 rgb(102,75,248)
```

Similar Colors

Text with hexadecimal color #4b5bf8

This text has a font color of #4b5bf8.

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

#4b5bf8 background color

This paragraph has a background color of #4b5bf8.

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

#4b5bf8 border color

This element has a border color of #4b5bf8.

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

CSS codes

.text {color:#4b5bf8;}

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

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

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

#000109
```
#000109 rgb(0,1,9)
```
#01041c
```
#01041c rgb(1,4,28)
```
#02062f
```
#02062f rgb(2,6,47)
```
#030841
```
#030841 rgb(3,8,65)
```
#030b54
```
#030b54 rgb(3,11,84)
```
#040d67
```
#040d67 rgb(4,13,103)
```
#05107a
```
#05107a rgb(5,16,122)
```
#05128d
```
#05128d rgb(5,18,141)
```
#0614a0
```
#0614a0 rgb(6,20,160)
```
#0717b3
```
#0717b3 rgb(7,23,179)
```
#0819c6
```
#0819c6 rgb(8,25,198)
```
#081cd9
```
#081cd9 rgb(8,28,217)
```
#091eeb
```
#091eeb rgb(9,30,235)
```

Shade Color Variation

#1227f6
```
#1227f6 rgb(18,39,246)
```
#2539f7
```
#2539f7 rgb(37,57,247)
```
#384af7
```
#384af7 rgb(56,74,247)
```
#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```
#5e6cf9
```
#5e6cf9 rgb(94,108,249)
```
#717df9
```
#717df9 rgb(113,125,249)
```
#848ffa
```
#848ffa rgb(132,143,250)
```
#97a0fb
```
#97a0fb rgb(151,160,251)
```
#a9b1fc
```
#a9b1fc rgb(169,177,252)
```
#bcc2fc
```
#bcc2fc rgb(188,194,252)
```
#cfd3fd
```
#cfd3fd rgb(207,211,253)
```
#e2e5fe
```
#e2e5fe rgb(226,229,254)
```
#f5f6ff
```
#f5f6ff rgb(245,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a1a2 is the less saturated color, while #4b5bf8 is the most saturated one.

#a1a1a2
```
#a1a1a2 rgb(161,161,162)
```
#9a9ba9
```
#9a9ba9 rgb(154,155,169)
```
#9396b0
```
#9396b0 rgb(147,150,176)
```
#8c90b7
```
#8c90b7 rgb(140,144,183)
```
#858abe
```
#858abe rgb(133,138,190)
```
#7d84c6
```
#7d84c6 rgb(125,132,198)
```
#767ecd
```
#767ecd rgb(118,126,205)
```
#6f78d4
```
#6f78d4 rgb(111,120,212)
```
#6872db
```
#6872db rgb(104,114,219)
```
#616de2
```
#616de2 rgb(97,109,226)
```
#5967ea
```
#5967ea rgb(89,103,234)
```
#5261f1
```
#5261f1 rgb(82,97,241)
```
#4b5bf8
```
#4b5bf8 rgb(75,91,248)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#626585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0079c2 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#1b6ae8 Protanomaly 1% of men, 0.01% of women
#1b6ed6 Deuteranomaly 6% of men, 0.4% of women
#1b73b1 Tritanomaly 0.01% of the population

#4b5bf8 hex color

#4b5bf8 Color Information

#4b5bf8 Color Conversion

Color Schemes with #4b5bf8

Alternatives to #4b5bf8

#4b5bf8 Preview

Shades and Tints of #4b5bf8

Tones of #4b5bf8

Color Blindness Simulator