#4b84cf hex color

In a RGB color space, hex #4b84cf is composed of 29.4% red, 51.8% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 36.2% magenta, 0% yellow and 18.8% black. It has a hue angle of 214.1 degrees, a saturation of 57.9% and a lightness of 55.3%. #4b84cf color hex could be obtained by blending #96ffff with #00099f. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 29
- G 52
- B 81
RGB color chart
- C 64
- M 36
- Y 0
- K 19
CMYK color chart

● #4b84cf color description : Moderate blue.

The hexadecimal color #4b84cf has RGB values of R:75, G:132, B:207 and CMYK values of C:0.64, M:0.36, Y:0, K:0.19. Its decimal value is 4949199.

Hex triplet	4b84cf	`#4b84cf`
RGB Decimal	75, 132, 207	`rgb(75,132,207)`
RGB Percent	29.4, 51.8, 81.2	`rgb(29.4%,51.8%,81.2%)`
CMYK	64, 36, 0, 19
HSL	214.1°, 57.9, 55.3	`hsl(214.1,57.9%,55.3%)`
HSV (or HSB)	214.1°, 63.8, 81.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.556, 4.785, -44.292
XYZ	22.413, 22.502, 62.19
xyY	0.209, 0.21, 22.502
CIE-LCH	54.556, 44.55, 276.166
CIE-LUV	54.556, -23.97, -69.343
Hunter-Lab	47.436, 1.325, -44.526
Binary	01001011, 10000100, 11001111

#4b84cf
```
#4b84cf rgb(75,132,207)
```
#cf964b
```
#cf964b rgb(207,150,75)
```

Complementary Color

#4bc6cf
```
#4bc6cf rgb(75,198,207)
```
#4b84cf
```
#4b84cf rgb(75,132,207)
```
#544bcf
```
#544bcf rgb(84,75,207)
```

Analogous Color

#c6cf4b
```
#c6cf4b rgb(198,207,75)
```
#4b84cf
```
#4b84cf rgb(75,132,207)
```
#cf544b
```
#cf544b rgb(207,84,75)
```

Split Complementary Color

#84cf4b
```
#84cf4b rgb(132,207,75)
```
#4b84cf
```
#4b84cf rgb(75,132,207)
```
#cf4b84
```
#cf4b84 rgb(207,75,132)
```

Triadic Color

#4bcf96
```
#4bcf96 rgb(75,207,150)
```
#4b84cf
```
#4b84cf rgb(75,132,207)
```
#cf4b84
```
#cf4b84 rgb(207,75,132)
```
#cf964b
```
#cf964b rgb(207,150,75)
```

Tetradic Color

#2b5fa2
```
#2b5fa2 rgb(43,95,162)
```
#316ab6
```
#316ab6 rgb(49,106,182)
```
#3776ca
```
#3776ca rgb(55,118,202)
```
#4b84cf
```
#4b84cf rgb(75,132,207)
```
#5f92d4
```
#5f92d4 rgb(95,146,212)
```
#73a0da
```
#73a0da rgb(115,160,218)
```
#87addf
```
#87addf rgb(135,173,223)
```

Monochromatic Color

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

#4ba5cf
```
#4ba5cf rgb(75,165,207)
```
#4b9acf
```
#4b9acf rgb(75,154,207)
```
#4b8fcf
```
#4b8fcf rgb(75,143,207)
```
#4b84cf
```
#4b84cf rgb(75,132,207)
```
#4b79cf
```
#4b79cf rgb(75,121,207)
```
#4b6ecf
```
#4b6ecf rgb(75,110,207)
```
#4b63cf
```
#4b63cf rgb(75,99,207)
```

Similar Colors

Text with hexadecimal color #4b84cf

This text has a font color of #4b84cf.

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

#4b84cf background color

This paragraph has a background color of #4b84cf.

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

#4b84cf border color

This element has a border color of #4b84cf.

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

CSS codes

.text {color:#4b84cf;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c15
```
#060c15 rgb(6,12,21)
```
#0a1525
```
#0a1525 rgb(10,21,37)
```
#0e1f34
```
#0e1f34 rgb(14,31,52)
```
#122844
```
#122844 rgb(18,40,68)
```
#163153
```
#163153 rgb(22,49,83)
```
#1a3a63
```
#1a3a63 rgb(26,58,99)
```
#1e4372
```
#1e4372 rgb(30,67,114)
```
#234c82
```
#234c82 rgb(35,76,130)
```
#275591
```
#275591 rgb(39,85,145)
```
#2b5ea1
```
#2b5ea1 rgb(43,94,161)
```
#2f67b0
```
#2f67b0 rgb(47,103,176)
```
#3370c0
```
#3370c0 rgb(51,112,192)
```

Shade Color Variation

#3c79cb
```
#3c79cb rgb(60,121,203)
```
#4b84cf
```
#4b84cf rgb(75,132,207)
```
#5a8fd3
```
#5a8fd3 rgb(90,143,211)
```
#6a99d7
```
#6a99d7 rgb(106,153,215)
```
#79a4db
```
#79a4db rgb(121,164,219)
```
#89aee0
```
#89aee0 rgb(137,174,224)
```
#98b9e4
```
#98b9e4 rgb(152,185,228)
```
#a8c3e8
```
#a8c3e8 rgb(168,195,232)
```
#b7ceec
```
#b7ceec rgb(183,206,236)
```
#c7d9f0
```
#c7d9f0 rgb(199,217,240)
```
#d6e3f4
```
#d6e3f4 rgb(214,227,244)
```
#e6eef8
```
#e6eef8 rgb(230,238,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c92 is the less saturated color, while #1f7efb is the most saturated one.

#888c92
```
#888c92 rgb(136,140,146)
```
#808b9a
```
#808b9a rgb(128,139,154)
```
#778aa3
```
#778aa3 rgb(119,138,163)
```
#6e89ac
```
#6e89ac rgb(110,137,172)
```
#6588b5
```
#6588b5 rgb(101,136,181)
```
#5d86bd
```
#5d86bd rgb(93,134,189)
```
#5485c6
```
#5485c6 rgb(84,133,198)
```
#4b84cf
```
#4b84cf rgb(75,132,207)
```
#4283d8
```
#4283d8 rgb(66,131,216)
```
#3982e1
```
#3982e1 rgb(57,130,225)
```
#3180e9
```
#3180e9 rgb(49,128,233)
```
#287ff2
```
#287ff2 rgb(40,127,242)
```
#1f7efb
```
#1f7efb rgb(31,126,251)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#727e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b86ce Protanopia 1% of men
#5a89d1 Deuteranopia 1% of men
#3095a0 Tritanopia 0.001% of the population

Trichromacy

#5f85ce Protanomaly 1% of men, 0.01% of women
#5487d0 Deuteranomaly 6% of men, 0.4% of women
#398eb1 Tritanomaly 0.01% of the population

#4b84cf hex color

#4b84cf Color Information

#4b84cf Color Conversion

Color Schemes with #4b84cf

Alternatives to #4b84cf

#4b84cf Preview

Shades and Tints of #4b84cf

Tones of #4b84cf

Color Blindness Simulator