#4b84dc hex color

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

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

● #4b84dc color description : Soft blue.

The hexadecimal color #4b84dc has RGB values of R:75, G:132, B:220 and CMYK values of C:0.66, M:0.4, Y:0, K:0.14. Its decimal value is 4949212.

Hex triplet	4b84dc	`#4b84dc`
RGB Decimal	75, 132, 220	`rgb(75,132,220)`
RGB Percent	29.4, 51.8, 86.3	`rgb(29.4%,51.8%,86.3%)`
CMYK	66, 40, 0, 14
HSL	216.4°, 67.4, 57.8	`hsl(216.4,67.4%,57.8%)`
HSV (or HSB)	216.4°, 65.9, 86.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.241, 9.256, -50.529
XYZ	24.068, 23.164, 70.909
xyY	0.204, 0.196, 23.164
CIE-LCH	55.241, 51.369, 280.38
CIE-LUV	55.241, -23.742, -80.081
Hunter-Lab	48.129, 5.038, -53.662
Binary	01001011, 10000100, 11011100

#4b84dc
```
#4b84dc rgb(75,132,220)
```
#dca34b
```
#dca34b rgb(220,163,75)
```

Complementary Color

#4bcddc
```
#4bcddc rgb(75,205,220)
```
#4b84dc
```
#4b84dc rgb(75,132,220)
```
#5b4bdc
```
#5b4bdc rgb(91,75,220)
```

Analogous Color

#cddc4b
```
#cddc4b rgb(205,220,75)
```
#4b84dc
```
#4b84dc rgb(75,132,220)
```
#dc5b4b
```
#dc5b4b rgb(220,91,75)
```

Split Complementary Color

#84dc4b
```
#84dc4b rgb(132,220,75)
```
#4b84dc
```
#4b84dc rgb(75,132,220)
```
#dc4b84
```
#dc4b84 rgb(220,75,132)
```

Triadic Color

#4bdca3
```
#4bdca3 rgb(75,220,163)
```
#4b84dc
```
#4b84dc rgb(75,132,220)
```
#dc4b84
```
#dc4b84 rgb(220,75,132)
```
#dca34b
```
#dca34b rgb(220,163,75)
```

Tetradic Color

#245db7
```
#245db7 rgb(36,93,183)
```
#2868cc
```
#2868cc rgb(40,104,204)
```
#3675d8
```
#3675d8 rgb(54,117,216)
```
#4b84dc
```
#4b84dc rgb(75,132,220)
```
#6093e0
```
#6093e0 rgb(96,147,224)
```
#76a1e4
```
#76a1e4 rgb(118,161,228)
```
#8bb0e8
```
#8bb0e8 rgb(139,176,232)
```

Monochromatic Color

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

#4ba8dc
```
#4ba8dc rgb(75,168,220)
```
#4b9cdc
```
#4b9cdc rgb(75,156,220)
```
#4b90dc
```
#4b90dc rgb(75,144,220)
```
#4b84dc
```
#4b84dc rgb(75,132,220)
```
#4b78dc
```
#4b78dc rgb(75,120,220)
```
#4b6cdc
```
#4b6cdc rgb(75,108,220)
```
#4b60dc
```
#4b60dc rgb(75,96,220)
```

Similar Colors

Text with hexadecimal color #4b84dc

This text has a font color of #4b84dc.

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

#4b84dc background color

This paragraph has a background color of #4b84dc.

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

#4b84dc border color

This element has a border color of #4b84dc.

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

CSS codes

.text {color:#4b84dc;}

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

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

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)
```
#030911
```
#030911 rgb(3,9,17)
```
#071121
```
#071121 rgb(7,17,33)
```
#0a1a32
```
#0a1a32 rgb(10,26,50)
```
#0d2242
```
#0d2242 rgb(13,34,66)
```
#102a53
```
#102a53 rgb(16,42,83)
```
#133363
```
#133363 rgb(19,51,99)
```
#163b74
```
#163b74 rgb(22,59,116)
```
#1a4384
```
#1a4384 rgb(26,67,132)
```
#1d4c94
```
#1d4c94 rgb(29,76,148)
```
#2054a5
```
#2054a5 rgb(32,84,165)
```
#235db5
```
#235db5 rgb(35,93,181)
```
#2665c6
```
#2665c6 rgb(38,101,198)
```

Shade Color Variation

#2a6ed6
```
#2a6ed6 rgb(42,110,214)
```
#3b79d9
```
#3b79d9 rgb(59,121,217)
```
#4b84dc
```
#4b84dc rgb(75,132,220)
```
#5b8fdf
```
#5b8fdf rgb(91,143,223)
```
#6c9ae2
```
#6c9ae2 rgb(108,154,226)
```
#7ca6e6
```
#7ca6e6 rgb(124,166,230)
```
#8db1e9
```
#8db1e9 rgb(141,177,233)
```
#9dbcec
```
#9dbcec rgb(157,188,236)
```
#aec7ef
```
#aec7ef rgb(174,199,239)
```
#bed3f2
```
#bed3f2 rgb(190,211,242)
```
#cedef6
```
#cedef6 rgb(206,222,246)
```
#dfe9f9
```
#dfe9f9 rgb(223,233,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 #2a7dfd is the most saturated one.

#8d929a
```
#8d929a rgb(141,146,154)
```
#8590a2
```
#8590a2 rgb(133,144,162)
```
#7d8faa
```
#7d8faa rgb(125,143,170)
```
#748db3
```
#748db3 rgb(116,141,179)
```
#6c8bbb
```
#6c8bbb rgb(108,139,187)
```
#6489c3
```
#6489c3 rgb(100,137,195)
```
#5c88cb
```
#5c88cb rgb(92,136,203)
```
#5386d4
```
#5386d4 rgb(83,134,212)
```
#4b84dc
```
#4b84dc rgb(75,132,220)
```
#4382e4
```
#4382e4 rgb(67,130,228)
```
#3a80ed
```
#3a80ed rgb(58,128,237)
```
#327ff5
```
#327ff5 rgb(50,127,245)
```
#2a7dfd
```
#2a7dfd rgb(42,125,253)
```

Tone Color Variation

Below, you can see how #4b84dc 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
#737e90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6587db Protanopia 1% of men
#4b8bdd Deuteranopia 1% of men
#1b97a2 Tritanopia 0.001% of the population

Trichromacy

#5b86db Protanomaly 1% of men, 0.01% of women
#4b88dc Deuteranomaly 6% of men, 0.4% of women
#2c90b7 Tritanomaly 0.01% of the population

#4b84dc hex color

#4b84dc Color Information

#4b84dc Color Conversion

Color Schemes with #4b84dc

Alternatives to #4b84dc

#4b84dc Preview

Shades and Tints of #4b84dc

Tones of #4b84dc

Color Blindness Simulator