#4b80dc hex color

In a RGB color space, hex #4b80dc is composed of 29.4% red, 50.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 65.9% cyan, 41.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 218.1 degrees, a saturation of 67.4% and a lightness of 57.8%. #4b80dc color hex could be obtained by blending #96ffff with #0001b9. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 50
- B 86
RGB color chart
- C 66
- M 42
- Y 0
- K 14
CMYK color chart

● #4b80dc color description : Soft blue.

The hexadecimal color #4b80dc has RGB values of R:75, G:128, B:220 and CMYK values of C:0.66, M:0.42, Y:0, K:0.14. Its decimal value is 4948188.

Hex triplet	4b80dc	`#4b80dc`
RGB Decimal	75, 128, 220	`rgb(75,128,220)`
RGB Percent	29.4, 50.2, 86.3	`rgb(29.4%,50.2%,86.3%)`
CMYK	66, 42, 0, 14
HSL	218.1°, 67.4, 57.8	`hsl(218.1,67.4%,57.8%)`
HSV (or HSB)	218.1°, 65.9, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.133, 11.684, -52.294
XYZ	23.536, 22.1, 70.732
xyY	0.202, 0.19, 22.1
CIE-LCH	54.133, 53.584, 282.594
CIE-LUV	54.133, -22.426, -82.819
Hunter-Lab	47.011, 7.099, -56.3
Binary	01001011, 10000000, 11011100

#4b80dc
```
#4b80dc rgb(75,128,220)
```
#dca74b
```
#dca74b rgb(220,167,75)
```

Complementary Color

#4bc9dc
```
#4bc9dc rgb(75,201,220)
```
#4b80dc
```
#4b80dc rgb(75,128,220)
```
#5f4bdc
```
#5f4bdc rgb(95,75,220)
```

Analogous Color

#c9dc4b
```
#c9dc4b rgb(201,220,75)
```
#4b80dc
```
#4b80dc rgb(75,128,220)
```
#dc5f4b
```
#dc5f4b rgb(220,95,75)
```

Split Complementary Color

#80dc4b
```
#80dc4b rgb(128,220,75)
```
#4b80dc
```
#4b80dc rgb(75,128,220)
```
#dc4b80
```
#dc4b80 rgb(220,75,128)
```

Triadic Color

#4bdca7
```
#4bdca7 rgb(75,220,167)
```
#4b80dc
```
#4b80dc rgb(75,128,220)
```
#dc4b80
```
#dc4b80 rgb(220,75,128)
```
#dca74b
```
#dca74b rgb(220,167,75)
```

Tetradic Color

#2459b7
```
#2459b7 rgb(36,89,183)
```
#2864cc
```
#2864cc rgb(40,100,204)
```
#3671d8
```
#3671d8 rgb(54,113,216)
```
#4b80dc
```
#4b80dc rgb(75,128,220)
```
#608fe0
```
#608fe0 rgb(96,143,224)
```
#769ee4
```
#769ee4 rgb(118,158,228)
```
#8bade8
```
#8bade8 rgb(139,173,232)
```

Monochromatic Color

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

#4ba4dc
```
#4ba4dc rgb(75,164,220)
```
#4b98dc
```
#4b98dc rgb(75,152,220)
```
#4b8cdc
```
#4b8cdc rgb(75,140,220)
```
#4b80dc
```
#4b80dc rgb(75,128,220)
```
#4b74dc
```
#4b74dc rgb(75,116,220)
```
#4b68dc
```
#4b68dc rgb(75,104,220)
```
#4b5cdc
```
#4b5cdc rgb(75,92,220)
```

Similar Colors

Text with hexadecimal color #4b80dc

This text has a font color of #4b80dc.

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

#4b80dc background color

This paragraph has a background color of #4b80dc.

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

#4b80dc border color

This element has a border color of #4b80dc.

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

CSS codes

.text {color:#4b80dc;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#030811
```
#030811 rgb(3,8,17)
```
#071021
```
#071021 rgb(7,16,33)
```
#0a1832
```
#0a1832 rgb(10,24,50)
```
#0d2042
```
#0d2042 rgb(13,32,66)
```
#102853
```
#102853 rgb(16,40,83)
```
#133063
```
#133063 rgb(19,48,99)
```
#163974
```
#163974 rgb(22,57,116)
```
#1a4184
```
#1a4184 rgb(26,65,132)
```
#1d4994
```
#1d4994 rgb(29,73,148)
```
#2051a5
```
#2051a5 rgb(32,81,165)
```
#2359b5
```
#2359b5 rgb(35,89,181)
```
#2661c6
```
#2661c6 rgb(38,97,198)
```

Shade Color Variation

#2a69d6
```
#2a69d6 rgb(42,105,214)
```
#3b74d9
```
#3b74d9 rgb(59,116,217)
```
#4b80dc
```
#4b80dc rgb(75,128,220)
```
#5b8cdf
```
#5b8cdf rgb(91,140,223)
```
#6c97e2
```
#6c97e2 rgb(108,151,226)
```
#7ca3e6
```
#7ca3e6 rgb(124,163,230)
```
#8daee9
```
#8daee9 rgb(141,174,233)
```
#9dbaec
```
#9dbaec rgb(157,186,236)
```
#aec6ef
```
#aec6ef rgb(174,198,239)
```
#bed1f2
```
#bed1f2 rgb(190,209,242)
```
#ceddf6
```
#ceddf6 rgb(206,221,246)
```
#dfe8f9
```
#dfe8f9 rgb(223,232,249)
```
#eff4fc
```
#eff4fc rgb(239,244,252)
```

Tint Color Variation

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

#8d929a
```
#8d929a rgb(141,146,154)
```
#8590a2
```
#8590a2 rgb(133,144,162)
```
#7d8daa
```
#7d8daa rgb(125,141,170)
```
#748bb3
```
#748bb3 rgb(116,139,179)
```
#6c89bb
```
#6c89bb rgb(108,137,187)
```
#6487c3
```
#6487c3 rgb(100,135,195)
```
#5c84cb
```
#5c84cb rgb(92,132,203)
```
#5382d4
```
#5382d4 rgb(83,130,212)
```
#4b80dc
```
#4b80dc rgb(75,128,220)
```
#437ee4
```
#437ee4 rgb(67,126,228)
```
#3a7ced
```
#3a7ced rgb(58,124,237)
```
#3279f5
```
#3279f5 rgb(50,121,245)
```
#2a77fd
```
#2a77fd rgb(42,119,253)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#717c8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e85dc Protanopia 1% of men
#4189dc Deuteranopia 1% of men
#12959f Tritanopia 0.001% of the population

Trichromacy

#5783dc Protanomaly 1% of men, 0.01% of women
#4485dc Deuteranomaly 6% of men, 0.4% of women
#278db5 Tritanomaly 0.01% of the population

#4b80dc hex color

#4b80dc Color Information

#4b80dc Color Conversion

Color Schemes with #4b80dc

Alternatives to #4b80dc

#4b80dc Preview

Shades and Tints of #4b80dc

Tones of #4b80dc

Color Blindness Simulator