#4b86dd hex color

In a RGB color space, hex #4b86dd is composed of 29.4% red, 52.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 39.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 215.8 degrees, a saturation of 68.2% and a lightness of 58%. #4b86dd color hex could be obtained by blending #96ffff with #000dbb. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 53
- B 87
RGB color chart
- C 66
- M 39
- Y 0
- K 13
CMYK color chart

● #4b86dd color description : Soft blue.

The hexadecimal color #4b86dd has RGB values of R:75, G:134, B:221 and CMYK values of C:0.66, M:0.39, Y:0, K:0.13. Its decimal value is 4949725.

Hex triplet	4b86dd	`#4b86dd`
RGB Decimal	75, 134, 221	`rgb(75,134,221)`
RGB Percent	29.4, 52.5, 86.7	`rgb(29.4%,52.5%,86.7%)`
CMYK	66, 39, 0, 13
HSL	215.8°, 68.2, 58	`hsl(215.8,68.2%,58%)`
HSV (or HSB)	215.8°, 66.1, 86.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.852, 8.395, -50.118
XYZ	24.475, 23.765, 71.7
xyY	0.204, 0.198, 23.765
CIE-LCH	55.852, 50.816, 279.51
CIE-LUV	55.852, -24.39, -79.504
Hunter-Lab	48.749, 4.306, -53.079
Binary	01001011, 10000110, 11011101

#4b86dd
```
#4b86dd rgb(75,134,221)
```
#dda24b
```
#dda24b rgb(221,162,75)
```

Complementary Color

#4bcfdd
```
#4bcfdd rgb(75,207,221)
```
#4b86dd
```
#4b86dd rgb(75,134,221)
```
#594bdd
```
#594bdd rgb(89,75,221)
```

Analogous Color

#cfdd4b
```
#cfdd4b rgb(207,221,75)
```
#4b86dd
```
#4b86dd rgb(75,134,221)
```
#dd594b
```
#dd594b rgb(221,89,75)
```

Split Complementary Color

#86dd4b
```
#86dd4b rgb(134,221,75)
```
#4b86dd
```
#4b86dd rgb(75,134,221)
```
#dd4b86
```
#dd4b86 rgb(221,75,134)
```

Triadic Color

#4bdda2
```
#4bdda2 rgb(75,221,162)
```
#4b86dd
```
#4b86dd rgb(75,134,221)
```
#dd4b86
```
#dd4b86 rgb(221,75,134)
```
#dda24b
```
#dda24b rgb(221,162,75)
```

Tetradic Color

#235fb9
```
#235fb9 rgb(35,95,185)
```
#276ace
```
#276ace rgb(39,106,206)
```
#3678d9
```
#3678d9 rgb(54,120,217)
```
#4b86dd
```
#4b86dd rgb(75,134,221)
```
#6094e1
```
#6094e1 rgb(96,148,225)
```
#76a3e5
```
#76a3e5 rgb(118,163,229)
```
#8bb1e9
```
#8bb1e9 rgb(139,177,233)
```

Monochromatic Color

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

#4babdd
```
#4babdd rgb(75,171,221)
```
#4b9edd
```
#4b9edd rgb(75,158,221)
```
#4b92dd
```
#4b92dd rgb(75,146,221)
```
#4b86dd
```
#4b86dd rgb(75,134,221)
```
#4b7add
```
#4b7add rgb(75,122,221)
```
#4b6edd
```
#4b6edd rgb(75,110,221)
```
#4b61dd
```
#4b61dd rgb(75,97,221)
```

Similar Colors

Text with hexadecimal color #4b86dd

This text has a font color of #4b86dd.

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

#4b86dd background color

This paragraph has a background color of #4b86dd.

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

#4b86dd border color

This element has a border color of #4b86dd.

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

CSS codes

.text {color:#4b86dd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030912
```
#030912 rgb(3,9,18)
```
#071222
```
#071222 rgb(7,18,34)
```
#0a1a33
```
#0a1a33 rgb(10,26,51)
```
#0d2343
```
#0d2343 rgb(13,35,67)
```
#102b54
```
#102b54 rgb(16,43,84)
```
#133464
```
#133464 rgb(19,52,100)
```
#163c75
```
#163c75 rgb(22,60,117)
```
#194585
```
#194585 rgb(25,69,133)
```
#1c4d96
```
#1c4d96 rgb(28,77,150)
```
#1f56a6
```
#1f56a6 rgb(31,86,166)
```
#235fb7
```
#235fb7 rgb(35,95,183)
```
#2667c7
```
#2667c7 rgb(38,103,199)
```

Shade Color Variation

#2a70d7
```
#2a70d7 rgb(42,112,215)
```
#3b7bda
```
#3b7bda rgb(59,123,218)
```
#4b86dd
```
#4b86dd rgb(75,134,221)
```
#5b91e0
```
#5b91e0 rgb(91,145,224)
```
#6c9ce3
```
#6c9ce3 rgb(108,156,227)
```
#7ca7e6
```
#7ca7e6 rgb(124,167,230)
```
#8db2e9
```
#8db2e9 rgb(141,178,233)
```
#9dbded
```
#9dbded rgb(157,189,237)
```
#aec9f0
```
#aec9f0 rgb(174,201,240)
```
#bed4f3
```
#bed4f3 rgb(190,212,243)
```
#cfdff6
```
#cfdff6 rgb(207,223,246)
```
#dfeaf9
```
#dfeaf9 rgb(223,234,249)
```
#f0f5fc
```
#f0f5fc rgb(240,245,252)
```

Tint Color Variation

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

#8d939b
```
#8d939b rgb(141,147,155)
```
#8591a3
```
#8591a3 rgb(133,145,163)
```
#7c8fac
```
#7c8fac rgb(124,143,172)
```
#748eb4
```
#748eb4 rgb(116,142,180)
```
#6c8cbc
```
#6c8cbc rgb(108,140,188)
```
#648bc4
```
#648bc4 rgb(100,139,196)
```
#5b89cd
```
#5b89cd rgb(91,137,205)
```
#5388d5
```
#5388d5 rgb(83,136,213)
```
#4b86dd
```
#4b86dd rgb(75,134,221)
```
#4384e5
```
#4384e5 rgb(67,132,229)
```
#3b83ed
```
#3b83ed rgb(59,131,237)
```
#3281f6
```
#3281f6 rgb(50,129,246)
```
#2a80fe
```
#2a80fe rgb(42,128,254)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#748091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6789dc Protanopia 1% of men
#4f8dde Deuteranopia 1% of men
#1b99a4 Tritanopia 0.001% of the population

Trichromacy

#5d88dc Protanomaly 1% of men, 0.01% of women
#4d8add Deuteranomaly 6% of men, 0.4% of women
#2c92b9 Tritanomaly 0.01% of the population

#4b86dd hex color

#4b86dd Color Information

#4b86dd Color Conversion

Color Schemes with #4b86dd

Alternatives to #4b86dd

#4b86dd Preview

Shades and Tints of #4b86dd

Tones of #4b86dd

Color Blindness Simulator