#4050bc hex color

In a RGB color space, hex #4050bc is composed of 25.1% red, 31.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 57.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 232.3 degrees, a saturation of 49.2% and a lightness of 49.4%. #4050bc color hex could be obtained by blending #80a0ff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 31
- B 74
RGB color chart
- C 66
- M 57
- Y 0
- K 26
CMYK color chart

● #4050bc color description : Moderate blue.

The hexadecimal color #4050bc has RGB values of R:64, G:80, B:188 and CMYK values of C:0.66, M:0.57, Y:0, K:0.26. Its decimal value is 4214972.

Hex triplet	4050bc	`#4050bc`
RGB Decimal	64, 80, 188	`rgb(64,80,188)`
RGB Percent	25.1, 31.4, 73.7	`rgb(25.1%,31.4%,73.7%)`
CMYK	66, 57, 0, 26
HSL	232.3°, 49.2, 49.4	`hsl(232.3,49.2%,49.4%)`
HSV (or HSB)	232.3°, 66, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.651, 28.859, -58.884
XYZ	14.058, 10.457, 48.852
xyY	0.192, 0.143, 10.457
CIE-LCH	38.651, 65.576, 296.109
CIE-LUV	38.651, -10.408, -86.365
Hunter-Lab	32.338, 21.008, -66.931
Binary	01000000, 01010000, 10111100

#4050bc
```
#4050bc rgb(64,80,188)
```
#bcac40
```
#bcac40 rgb(188,172,64)
```

Complementary Color

#408ebc
```
#408ebc rgb(64,142,188)
```
#4050bc
```
#4050bc rgb(64,80,188)
```
#6e40bc
```
#6e40bc rgb(110,64,188)
```

Analogous Color

#8ebc40
```
#8ebc40 rgb(142,188,64)
```
#4050bc
```
#4050bc rgb(64,80,188)
```
#bc6e40
```
#bc6e40 rgb(188,110,64)
```

Split Complementary Color

#50bc40
```
#50bc40 rgb(80,188,64)
```
#4050bc
```
#4050bc rgb(64,80,188)
```
#bc4050
```
#bc4050 rgb(188,64,80)
```

Triadic Color

#40bcac
```
#40bcac rgb(64,188,172)
```
#4050bc
```
#4050bc rgb(64,80,188)
```
#bc4050
```
#bc4050 rgb(188,64,80)
```
#bcac40
```
#bcac40 rgb(188,172,64)
```

Tetradic Color

#2d3883
```
#2d3883 rgb(45,56,131)
```
#334096
```
#334096 rgb(51,64,150)
```
#3a48a9
```
#3a48a9 rgb(58,72,169)
```
#4050bc
```
#4050bc rgb(64,80,188)
```
#5260c4
```
#5260c4 rgb(82,96,196)
```
#6572ca
```
#6572ca rgb(101,114,202)
```
#7883d1
```
#7883d1 rgb(120,131,209)
```

Monochromatic Color

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

#406fbc
```
#406fbc rgb(64,111,188)
```
#4065bc
```
#4065bc rgb(64,101,188)
```
#405abc
```
#405abc rgb(64,90,188)
```
#4050bc
```
#4050bc rgb(64,80,188)
```
#4046bc
```
#4046bc rgb(64,70,188)
```
#4540bc
```
#4540bc rgb(69,64,188)
```
#4f40bc
```
#4f40bc rgb(79,64,188)
```

Similar Colors

Text with hexadecimal color #4050bc

This text has a font color of #4050bc.

<span style="color:#4050bc;">Text here</span>

#4050bc background color

This paragraph has a background color of #4050bc.

<p style="background-color:#4050bc;">Content here</p>

#4050bc border color

This element has a border color of #4050bc.

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

CSS codes

.text {color:#4050bc;}

.background {background-color:#4050bc;}

.border {border:1px solid #4050bc;}

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, #04050c is the darkest color, while #fdfdfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#090c1b
```
#090c1b rgb(9,12,27)
```
#0e122a
```
#0e122a rgb(14,18,42)
```
#131838
```
#131838 rgb(19,24,56)
```
#181e47
```
#181e47 rgb(24,30,71)
```
#1d2456
```
#1d2456 rgb(29,36,86)
```
#222b64
```
#222b64 rgb(34,43,100)
```
#273173
```
#273173 rgb(39,49,115)
```
#2c3781
```
#2c3781 rgb(44,55,129)
```
#313d90
```
#313d90 rgb(49,61,144)
```
#36449f
```
#36449f rgb(54,68,159)
```
#3b4aad
```
#3b4aad rgb(59,74,173)
```
#4050bc
```
#4050bc rgb(64,80,188)
```

Shade Color Variation

#4d5cc2
```
#4d5cc2 rgb(77,92,194)
```
#5c6ac7
```
#5c6ac7 rgb(92,106,199)
```
#6a77cc
```
#6a77cc rgb(106,119,204)
```
#7984d1
```
#7984d1 rgb(121,132,209)
```
#8892d6
```
#8892d6 rgb(136,146,214)
```
#969fdb
```
#969fdb rgb(150,159,219)
```
#a5ade0
```
#a5ade0 rgb(165,173,224)
```
#b4bae5
```
#b4bae5 rgb(180,186,229)
```
#c2c7ea
```
#c2c7ea rgb(194,199,234)
```
#d1d5ef
```
#d1d5ef rgb(209,213,239)
```
#dfe2f4
```
#dfe2f4 rgb(223,226,244)
```
#eef0f9
```
#eef0f9 rgb(238,240,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7b82 is the less saturated color, while #0625f6 is the most saturated one.

#7a7b82
```
#7a7b82 rgb(122,123,130)
```
#70748c
```
#70748c rgb(112,116,140)
```
#676d95
```
#676d95 rgb(103,109,149)
```
#5d669f
```
#5d669f rgb(93,102,159)
```
#535ea9
```
#535ea9 rgb(83,94,169)
```
#4a57b2
```
#4a57b2 rgb(74,87,178)
```
#4050bc
```
#4050bc rgb(64,80,188)
```
#3649c6
```
#3649c6 rgb(54,73,198)
```
#2d42cf
```
#2d42cf rgb(45,66,207)
```
#233ad9
```
#233ad9 rgb(35,58,217)
```
#1933e3
```
#1933e3 rgb(25,51,227)
```
#102cec
```
#102cec rgb(16,44,236)
```
#0625f6
```
#0625f6 rgb(6,37,246)
```

Tone Color Variation

Below, you can see how #4050bc 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

#585858 Achromatopsia 0.005% of the population
#53566c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bd Protanopia 1% of men
#0065a5 Deuteranopia 1% of men
#006d74 Tritanopia 0.001% of the population

Trichromacy

#175abc Protanomaly 1% of men, 0.01% of women
#175dad Deuteranomaly 6% of men, 0.4% of women
#17628e Tritanomaly 0.01% of the population

#4050bc hex color

#4050bc Color Information

#4050bc Color Conversion

Color Schemes with #4050bc

Alternatives to #4050bc

#4050bc Preview

Shades and Tints of #4050bc

Tones of #4050bc

Color Blindness Simulator