#4b86fe hex color

In a RGB color space, hex #4b86fe is composed of 29.4% red, 52.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 47.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 220.2 degrees, a saturation of 98.9% and a lightness of 64.5%. #4b86fe color hex could be obtained by blending #96ffff with #000dfd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 29
- G 53
- B 100
RGB color chart
- C 70
- M 47
- Y 0
- K 0
CMYK color chart

● #4b86fe color description : Bright blue.

The hexadecimal color #4b86fe has RGB values of R:75, G:134, B:254 and CMYK values of C:0.7, M:0.47, Y:0, K:0. Its decimal value is 4949758.

Hex triplet	4b86fe	`#4b86fe`
RGB Decimal	75, 134, 254	`rgb(75,134,254)`
RGB Percent	29.4, 52.5, 99.6	`rgb(29.4%,52.5%,99.6%)`
CMYK	70, 47, 0, 0
HSL	220.2°, 98.9, 64.5	`hsl(220.2,98.9%,64.5%)`
HSV (or HSB)	220.2°, 70.5, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.751, 19.919, -65.402
XYZ	29.312, 25.7, 97.176
xyY	0.193, 0.169, 25.7
CIE-LCH	57.751, 68.368, 286.939
CIE-LUV	57.751, -23.907, -105.764
Hunter-Lab	50.695, 14.494, -78.166
Binary	01001011, 10000110, 11111110

#4b86fe
```
#4b86fe rgb(75,134,254)
```
#fec34b
```
#fec34b rgb(254,195,75)
```

Complementary Color

#4be0fe
```
#4be0fe rgb(75,224,254)
```
#4b86fe
```
#4b86fe rgb(75,134,254)
```
#6a4bfe
```
#6a4bfe rgb(106,75,254)
```

Analogous Color

#e0fe4b
```
#e0fe4b rgb(224,254,75)
```
#4b86fe
```
#4b86fe rgb(75,134,254)
```
#fe6a4b
```
#fe6a4b rgb(254,106,75)
```

Split Complementary Color

#86fe4b
```
#86fe4b rgb(134,254,75)
```
#4b86fe
```
#4b86fe rgb(75,134,254)
```
#fe4b86
```
#fe4b86 rgb(254,75,134)
```

Triadic Color

#4bfec3
```
#4bfec3 rgb(75,254,195)
```
#4b86fe
```
#4b86fe rgb(75,134,254)
```
#fe4b86
```
#fe4b86 rgb(254,75,134)
```
#fec34b
```
#fec34b rgb(254,195,75)
```

Tetradic Color

#0154fb
```
#0154fb rgb(1,84,251)
```
#1864fe
```
#1864fe rgb(24,100,254)
```
#3275fe
```
#3275fe rgb(50,117,254)
```
#4b86fe
```
#4b86fe rgb(75,134,254)
```
#6497fe
```
#6497fe rgb(100,151,254)
```
#7ea8fe
```
#7ea8fe rgb(126,168,254)
```
#97b9fe
```
#97b9fe rgb(151,185,254)
```

Monochromatic Color

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

#4bb3fe
```
#4bb3fe rgb(75,179,254)
```
#4ba4fe
```
#4ba4fe rgb(75,164,254)
```
#4b95fe
```
#4b95fe rgb(75,149,254)
```
#4b86fe
```
#4b86fe rgb(75,134,254)
```
#4b77fe
```
#4b77fe rgb(75,119,254)
```
#4b68fe
```
#4b68fe rgb(75,104,254)
```
#4b59fe
```
#4b59fe rgb(75,89,254)
```

Similar Colors

Text with hexadecimal color #4b86fe

This text has a font color of #4b86fe.

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

#4b86fe background color

This paragraph has a background color of #4b86fe.

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

#4b86fe border color

This element has a border color of #4b86fe.

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

CSS codes

.text {color:#4b86fe;}

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

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

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

#00050f
```
#00050f rgb(0,5,15)
```
#000c23
```
#000c23 rgb(0,12,35)
```
#001236
```
#001236 rgb(0,18,54)
```
#00194a
```
#00194a rgb(0,25,74)
```
#011f5d
```
#011f5d rgb(1,31,93)
```
#012671
```
#012671 rgb(1,38,113)
```
#012c84
```
#012c84 rgb(1,44,132)
```
#013398
```
#013398 rgb(1,51,152)
```
#0139ab
```
#0139ab rgb(1,57,171)
```
#0140bf
```
#0140bf rgb(1,64,191)
```
#0146d2
```
#0146d2 rgb(1,70,210)
```
#014de6
```
#014de6 rgb(1,77,230)
```
#0153f9
```
#0153f9 rgb(1,83,249)
```

Shade Color Variation

#105ffe
```
#105ffe rgb(16,95,254)
```
#246cfe
```
#246cfe rgb(36,108,254)
```
#3779fe
```
#3779fe rgb(55,121,254)
```
#4b86fe
```
#4b86fe rgb(75,134,254)
```
#5f93fe
```
#5f93fe rgb(95,147,254)
```
#72a0fe
```
#72a0fe rgb(114,160,254)
```
#86adfe
```
#86adfe rgb(134,173,254)
```
#99bafe
```
#99bafe rgb(153,186,254)
```
#adc8ff
```
#adc8ff rgb(173,200,255)
```
#c0d5ff
```
#c0d5ff rgb(192,213,255)
```
#d4e2ff
```
#d4e2ff rgb(212,226,255)
```
#e7efff
```
#e7efff rgb(231,239,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#9fa2aa
```
#9fa2aa rgb(159,162,170)
```
#98a0b1
```
#98a0b1 rgb(152,160,177)
```
#919eb8
```
#919eb8 rgb(145,158,184)
```
#8a9bbf
```
#8a9bbf rgb(138,155,191)
```
#8399c6
```
#8399c6 rgb(131,153,198)
```
#7c97cd
```
#7c97cd rgb(124,151,205)
```
#7594d4
```
#7594d4 rgb(117,148,212)
```
#6e92db
```
#6e92db rgb(110,146,219)
```
#678fe2
```
#678fe2 rgb(103,143,226)
```
#608de9
```
#608de9 rgb(96,141,233)
```
#598bf0
```
#598bf0 rgb(89,139,240)
```
#5288f7
```
#5288f7 rgb(82,136,247)
```
#4b86fe
```
#4b86fe rgb(75,134,254)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#77839b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e8dfe Protanopia 1% of men
#0093f4 Deuteranopia 1% of men
#009ea9 Tritanopia 0.001% of the population

Trichromacy

#4c8afe Protanomaly 1% of men, 0.01% of women
#1b8ef7 Deuteranomaly 6% of men, 0.4% of women
#1b95c8 Tritanomaly 0.01% of the population

#4b86fe hex color

#4b86fe Color Information

#4b86fe Color Conversion

Color Schemes with #4b86fe

Alternatives to #4b86fe

#4b86fe Preview

Shades and Tints of #4b86fe

Tones of #4b86fe

Color Blindness Simulator