#4b76cc hex color

In a RGB color space, hex #4b76cc is composed of 29.4% red, 46.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 42.2% magenta, 0% yellow and 20% black. It has a hue angle of 220 degrees, a saturation of 55.8% and a lightness of 54.7%. #4b76cc color hex could be obtained by blending #96ecff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 29
- G 46
- B 80
RGB color chart
- C 63
- M 42
- Y 0
- K 20
CMYK color chart

● #4b76cc color description : Moderate blue.

The hexadecimal color #4b76cc has RGB values of R:75, G:118, B:204 and CMYK values of C:0.63, M:0.42, Y:0, K:0.2. Its decimal value is 4945612.

Hex triplet	4b76cc	`#4b76cc`
RGB Decimal	75, 118, 204	`rgb(75,118,204)`
RGB Percent	29.4, 46.3, 80	`rgb(29.4%,46.3%,80%)`
CMYK	63, 42, 0, 20
HSL	220°, 55.8, 54.7	`hsl(220,55.8%,54.7%)`
HSV (or HSB)	220°, 63.2, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.465, 12.272, -49.086
XYZ	20.277, 18.811, 59.686
xyY	0.205, 0.19, 18.811
CIE-LCH	50.465, 50.597, 284.036
CIE-LUV	50.465, -19.284, -76.579
Hunter-Lab	43.372, 7.55, -51.231
Binary	01001011, 01110110, 11001100

#4b76cc
```
#4b76cc rgb(75,118,204)
```
#cca14b
```
#cca14b rgb(204,161,75)
```

Complementary Color

#4bb7cc
```
#4bb7cc rgb(75,183,204)
```
#4b76cc
```
#4b76cc rgb(75,118,204)
```
#614bcc
```
#614bcc rgb(97,75,204)
```

Analogous Color

#b7cc4b
```
#b7cc4b rgb(183,204,75)
```
#4b76cc
```
#4b76cc rgb(75,118,204)
```
#cc614b
```
#cc614b rgb(204,97,75)
```

Split Complementary Color

#76cc4b
```
#76cc4b rgb(118,204,75)
```
#4b76cc
```
#4b76cc rgb(75,118,204)
```
#cc4b76
```
#cc4b76 rgb(204,75,118)
```

Triadic Color

#4bcca1
```
#4bcca1 rgb(75,204,161)
```
#4b76cc
```
#4b76cc rgb(75,118,204)
```
#cc4b76
```
#cc4b76 rgb(204,75,118)
```
#cca14b
```
#cca14b rgb(204,161,75)
```

Tetradic Color

#2d529e
```
#2d529e rgb(45,82,158)
```
#325db2
```
#325db2 rgb(50,93,178)
```
#3867c6
```
#3867c6 rgb(56,103,198)
```
#4b76cc
```
#4b76cc rgb(75,118,204)
```
#5f85d2
```
#5f85d2 rgb(95,133,210)
```
#7394d7
```
#7394d7 rgb(115,148,215)
```
#87a3dd
```
#87a3dd rgb(135,163,221)
```

Monochromatic Color

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

#4b96cc
```
#4b96cc rgb(75,150,204)
```
#4b8ccc
```
#4b8ccc rgb(75,140,204)
```
#4b81cc
```
#4b81cc rgb(75,129,204)
```
#4b76cc
```
#4b76cc rgb(75,118,204)
```
#4b6bcc
```
#4b6bcc rgb(75,107,204)
```
#4b60cc
```
#4b60cc rgb(75,96,204)
```
#4b56cc
```
#4b56cc rgb(75,86,204)
```

Similar Colors

Text with hexadecimal color #4b76cc

This text has a font color of #4b76cc.

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

#4b76cc background color

This paragraph has a background color of #4b76cc.

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

#4b76cc border color

This element has a border color of #4b76cc.

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

CSS codes

.text {color:#4b76cc;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050a13
```
#050a13 rgb(5,10,19)
```
#0a1222
```
#0a1222 rgb(10,18,34)
```
#0e1a31
```
#0e1a31 rgb(14,26,49)
```
#122241
```
#122241 rgb(18,34,65)
```
#172a50
```
#172a50 rgb(23,42,80)
```
#1b325f
```
#1b325f rgb(27,50,95)
```
#1f3a6e
```
#1f3a6e rgb(31,58,110)
```
#24427e
```
#24427e rgb(36,66,126)
```
#284a8d
```
#284a8d rgb(40,74,141)
```
#2c529c
```
#2c529c rgb(44,82,156)
```
#315aac
```
#315aac rgb(49,90,172)
```
#3562bb
```
#3562bb rgb(53,98,187)
```

Shade Color Variation

#3c6ac8
```
#3c6ac8 rgb(60,106,200)
```
#4b76cc
```
#4b76cc rgb(75,118,204)
```
#5a82d0
```
#5a82d0 rgb(90,130,208)
```
#6a8dd5
```
#6a8dd5 rgb(106,141,213)
```
#7999d9
```
#7999d9 rgb(121,153,217)
```
#88a5dd
```
#88a5dd rgb(136,165,221)
```
#97b0e2
```
#97b0e2 rgb(151,176,226)
```
#a7bce6
```
#a7bce6 rgb(167,188,230)
```
#b6c7ea
```
#b6c7ea rgb(182,199,234)
```
#c5d3ef
```
#c5d3ef rgb(197,211,239)
```
#d5dff3
```
#d5dff3 rgb(213,223,243)
```
#e4eaf7
```
#e4eaf7 rgb(228,234,247)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

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

#898b8e
```
#898b8e rgb(137,139,142)
```
#808897
```
#808897 rgb(128,136,151)
```
#7785a0
```
#7785a0 rgb(119,133,160)
```
#6f82a8
```
#6f82a8 rgb(111,130,168)
```
#667fb1
```
#667fb1 rgb(102,127,177)
```
#5d7cba
```
#5d7cba rgb(93,124,186)
```
#5479c3
```
#5479c3 rgb(84,121,195)
```
#4b76cc
```
#4b76cc rgb(75,118,204)
```
#4273d5
```
#4273d5 rgb(66,115,213)
```
#3970de
```
#3970de rgb(57,112,222)
```
#306de7
```
#306de7 rgb(48,109,231)
```
#276af0
```
#276af0 rgb(39,106,240)
```
#1f67f8
```
#1f67f8 rgb(31,103,248)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6b7485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#587cce Protanopia 1% of men
#3f80cd Deuteranopia 1% of men
#298a94 Tritanopia 0.001% of the population

Trichromacy

#537acd Protanomaly 1% of men, 0.01% of women
#437ccc Deuteranomaly 6% of men, 0.4% of women
#3583a8 Tritanomaly 0.01% of the population

#4b76cc hex color

#4b76cc Color Information

#4b76cc Color Conversion

Color Schemes with #4b76cc

Alternatives to #4b76cc

#4b76cc Preview

Shades and Tints of #4b76cc

Tones of #4b76cc

Color Blindness Simulator