#4b80ed hex color

In a RGB color space, hex #4b80ed is composed of 29.4% red, 50.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 68.4% cyan, 46% magenta, 0% yellow and 7.1% black. It has a hue angle of 220.4 degrees, a saturation of 81.8% and a lightness of 61.2%. #4b80ed color hex could be obtained by blending #96ffff with #0001db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 29
- G 50
- B 93
RGB color chart
- C 68
- M 46
- Y 0
- K 7
CMYK color chart

● #4b80ed color description : Soft blue.

The hexadecimal color #4b80ed has RGB values of R:75, G:128, B:237 and CMYK values of C:0.68, M:0.46, Y:0, K:0.07. Its decimal value is 4948205.

Hex triplet	4b80ed	`#4b80ed`
RGB Decimal	75, 128, 237	`rgb(75,128,237)`
RGB Percent	29.4, 50.2, 92.9	`rgb(29.4%,50.2%,92.9%)`
CMYK	68, 46, 0, 7
HSL	220.4°, 81.8, 61.2	`hsl(220.4,81.8%,61.2%)`
HSV (or HSB)	220.4°, 68.4, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.121, 17.619, -60.223
XYZ	25.904, 23.047, 83.199
xyY	0.196, 0.174, 23.047
CIE-LCH	55.121, 62.748, 286.307
CIE-LUV	55.121, -22.245, -96.331
Hunter-Lab	48.007, 12.302, -69.148
Binary	01001011, 10000000, 11101101

#4b80ed
```
#4b80ed rgb(75,128,237)
```
#edb84b
```
#edb84b rgb(237,184,75)
```

Complementary Color

#4bd1ed
```
#4bd1ed rgb(75,209,237)
```
#4b80ed
```
#4b80ed rgb(75,128,237)
```
#674bed
```
#674bed rgb(103,75,237)
```

Analogous Color

#d1ed4b
```
#d1ed4b rgb(209,237,75)
```
#4b80ed
```
#4b80ed rgb(75,128,237)
```
#ed674b
```
#ed674b rgb(237,103,75)
```

Split Complementary Color

#80ed4b
```
#80ed4b rgb(128,237,75)
```
#4b80ed
```
#4b80ed rgb(75,128,237)
```
#ed4b80
```
#ed4b80 rgb(237,75,128)
```

Triadic Color

#4bedb8
```
#4bedb8 rgb(75,237,184)
```
#4b80ed
```
#4b80ed rgb(75,128,237)
```
#ed4b80
```
#ed4b80 rgb(237,75,128)
```
#edb84b
```
#edb84b rgb(237,184,75)
```

Tetradic Color

#1554d6
```
#1554d6 rgb(21,84,214)
```
#1d5fe8
```
#1d5fe8 rgb(29,95,232)
```
#3470eb
```
#3470eb rgb(52,112,235)
```
#4b80ed
```
#4b80ed rgb(75,128,237)
```
#6290ef
```
#6290ef rgb(98,144,239)
```
#79a1f2
```
#79a1f2 rgb(121,161,242)
```
#91b1f4
```
#91b1f4 rgb(145,177,244)
```

Monochromatic Color

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

#4ba9ed
```
#4ba9ed rgb(75,169,237)
```
#4b9bed
```
#4b9bed rgb(75,155,237)
```
#4b8eed
```
#4b8eed rgb(75,142,237)
```
#4b80ed
```
#4b80ed rgb(75,128,237)
```
#4b73ed
```
#4b73ed rgb(75,115,237)
```
#4b65ed
```
#4b65ed rgb(75,101,237)
```
#4b58ed
```
#4b58ed rgb(75,88,237)
```

Similar Colors

Text with hexadecimal color #4b80ed

This text has a font color of #4b80ed.

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

#4b80ed background color

This paragraph has a background color of #4b80ed.

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

#4b80ed border color

This element has a border color of #4b80ed.

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

CSS codes

.text {color:#4b80ed;}

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

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

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

#020610
```
#020610 rgb(2,6,16)
```
#030d22
```
#030d22 rgb(3,13,34)
```
#051434
```
#051434 rgb(5,20,52)
```
#071b46
```
#071b46 rgb(7,27,70)
```
#092357
```
#092357 rgb(9,35,87)
```
#0b2a69
```
#0b2a69 rgb(11,42,105)
```
#0c317b
```
#0c317b rgb(12,49,123)
```
#0e388d
```
#0e388d rgb(14,56,141)
```
#103f9f
```
#103f9f rgb(16,63,159)
```
#1246b1
```
#1246b1 rgb(18,70,177)
```
#134dc2
```
#134dc2 rgb(19,77,194)
```
#1554d4
```
#1554d4 rgb(21,84,212)
```
#175be6
```
#175be6 rgb(23,91,230)
```

Shade Color Variation

#2767e9
```
#2767e9 rgb(39,103,233)
```
#3973eb
```
#3973eb rgb(57,115,235)
```
#4b80ed
```
#4b80ed rgb(75,128,237)
```
#5d8def
```
#5d8def rgb(93,141,239)
```
#6f99f1
```
#6f99f1 rgb(111,153,241)
```
#80a6f2
```
#80a6f2 rgb(128,166,242)
```
#92b2f4
```
#92b2f4 rgb(146,178,244)
```
#a4bff6
```
#a4bff6 rgb(164,191,246)
```
#b6cbf8
```
#b6cbf8 rgb(182,203,248)
```
#c8d8f9
```
#c8d8f9 rgb(200,216,249)
```
#dae5fb
```
#dae5fb rgb(218,229,251)
```
#ebf1fd
```
#ebf1fd rgb(235,241,253)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979aa1 is the less saturated color, while #3c7bfc is the most saturated one.

#979aa1
```
#979aa1 rgb(151,154,161)
```
#9098a8
```
#9098a8 rgb(144,152,168)
```
#8895b0
```
#8895b0 rgb(136,149,176)
```
#8092b8
```
#8092b8 rgb(128,146,184)
```
#7990bf
```
#7990bf rgb(121,144,191)
```
#718dc7
```
#718dc7 rgb(113,141,199)
```
#698bcf
```
#698bcf rgb(105,139,207)
```
#6288d6
```
#6288d6 rgb(98,136,214)
```
#5a85de
```
#5a85de rgb(90,133,222)
```
#5383e5
```
#5383e5 rgb(83,131,229)
```
#4b80ed
```
#4b80ed rgb(75,128,237)
```
#437df5
```
#437df5 rgb(67,125,245)
```
#3c7bfc
```
#3c7bfc rgb(60,123,252)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#737e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5186ee Protanopia 1% of men
#008cea Deuteranopia 1% of men
#0097a2 Tritanopia 0.001% of the population

Trichromacy

#4f84ed Protanomaly 1% of men, 0.01% of women
#1b88eb Deuteranomaly 6% of men, 0.4% of women
#1b8fbd Tritanomaly 0.01% of the population

#4b80ed hex color

#4b80ed Color Information

#4b80ed Color Conversion

Color Schemes with #4b80ed

Alternatives to #4b80ed

#4b80ed Preview

Shades and Tints of #4b80ed

Tones of #4b80ed

Color Blindness Simulator