#504bec hex color

In a RGB color space, hex #504bec is composed of 31.4% red, 29.4% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 68.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 241.9 degrees, a saturation of 80.9% and a lightness of 61%. #504bec color hex could be obtained by blending #a096ff with #0000d9. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 31
- G 29
- B 93
RGB color chart
- C 66
- M 68
- Y 0
- K 7
CMYK color chart

● #504bec color description : Soft blue.

The hexadecimal color #504bec has RGB values of R:80, G:75, B:236 and CMYK values of C:0.66, M:0.68, Y:0, K:0.07. Its decimal value is 5262316.

Hex triplet	504bec	`#504bec`
RGB Decimal	80, 75, 236	`rgb(80,75,236)`
RGB Percent	31.4, 29.4, 92.5	`rgb(31.4%,29.4%,92.5%)`
CMYK	66, 68, 0, 7
HSL	241.9°, 80.9, 61	`hsl(241.9,80.9%,61%)`
HSV (or HSB)	241.9°, 68.2, 92.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.449, 50.151, -80.234
XYZ	20.962, 12.793, 80.717
xyY	0.183, 0.112, 12.793
CIE-LCH	42.449, 94.618, 302.008
CIE-LUV	42.449, -7.484, -118.809
Hunter-Lab	35.767, 42.02, -108.766
Binary	01010000, 01001011, 11101100

#504bec
```
#504bec rgb(80,75,236)
```
#e7ec4b
```
#e7ec4b rgb(231,236,75)
```

Complementary Color

#4b97ec
```
#4b97ec rgb(75,151,236)
```
#504bec
```
#504bec rgb(80,75,236)
```
#a14bec
```
#a14bec rgb(161,75,236)
```

Analogous Color

#97ec4b
```
#97ec4b rgb(151,236,75)
```
#504bec
```
#504bec rgb(80,75,236)
```
#eca14b
```
#eca14b rgb(236,161,75)
```

Split Complementary Color

#4bec50
```
#4bec50 rgb(75,236,80)
```
#504bec
```
#504bec rgb(80,75,236)
```
#ec504b
```
#ec504b rgb(236,80,75)
```

Triadic Color

#4be7ec
```
#4be7ec rgb(75,231,236)
```
#504bec
```
#504bec rgb(80,75,236)
```
#ec504b
```
#ec504b rgb(236,80,75)
```
#e7ec4b
```
#e7ec4b rgb(231,236,75)
```

Tetradic Color

#1c16d4
```
#1c16d4 rgb(28,22,212)
```
#231de7
```
#231de7 rgb(35,29,231)
```
#3a34ea
```
#3a34ea rgb(58,52,234)
```
#504bec
```
#504bec rgb(80,75,236)
```
#6662ee
```
#6662ee rgb(102,98,238)
```
#7d79f1
```
#7d79f1 rgb(125,121,241)
```
#9390f3
```
#9390f3 rgb(147,144,243)
```

Monochromatic Color

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

#4b6eec
```
#4b6eec rgb(75,110,236)
```
#4b61ec
```
#4b61ec rgb(75,97,236)
```
#4b53ec
```
#4b53ec rgb(75,83,236)
```
#504bec
```
#504bec rgb(80,75,236)
```
#5d4bec
```
#5d4bec rgb(93,75,236)
```
#6b4bec
```
#6b4bec rgb(107,75,236)
```
#784bec
```
#784bec rgb(120,75,236)
```

Similar Colors

Text with hexadecimal color #504bec

This text has a font color of #504bec.

<span style="color:#504bec;">Text here</span>

#504bec background color

This paragraph has a background color of #504bec.

<p style="background-color:#504bec;">Content here</p>

#504bec border color

This element has a border color of #504bec.

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

CSS codes

.text {color:#504bec;}

.background {background-color:#504bec;}

.border {border:1px solid #504bec;}

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, #02020f is the darkest color, while #fcfcff is the lightest one.

#02020f
```
#02020f rgb(2,2,15)
```
#040321
```
#040321 rgb(4,3,33)
```
#070533
```
#070533 rgb(7,5,51)
```
#090744
```
#090744 rgb(9,7,68)
```
#0b0956
```
#0b0956 rgb(11,9,86)
```
#0e0b68
```
#0e0b68 rgb(14,11,104)
```
#100d7a
```
#100d7a rgb(16,13,122)
```
#130f8b
```
#130f8b rgb(19,15,139)
```
#15119d
```
#15119d rgb(21,17,157)
```
#1712af
```
#1712af rgb(23,18,175)
```
#1a14c1
```
#1a14c1 rgb(26,20,193)
```
#1c16d2
```
#1c16d2 rgb(28,22,210)
```
#1e18e4
```
#1e18e4 rgb(30,24,228)
```

Shade Color Variation

#2e28e8
```
#2e28e8 rgb(46,40,232)
```
#3f39ea
```
#3f39ea rgb(63,57,234)
```
#504bec
```
#504bec rgb(80,75,236)
```
#615dee
```
#615dee rgb(97,93,238)
```
#726ef0
```
#726ef0 rgb(114,110,240)
```
#8480f2
```
#8480f2 rgb(132,128,242)
```
#9592f3
```
#9592f3 rgb(149,146,243)
```
#a6a4f5
```
#a6a4f5 rgb(166,164,245)
```
#b7b5f7
```
#b7b5f7 rgb(183,181,247)
```
#c9c7f9
```
#c9c7f9 rgb(201,199,249)
```
#dad9fb
```
#dad9fb rgb(218,217,251)
```
#ebebfd
```
#ebebfd rgb(235,235,253)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98989f is the less saturated color, while #423cfb is the most saturated one.

#98989f
```
#98989f rgb(152,152,159)
```
#9190a7
```
#9190a7 rgb(145,144,167)
```
#8988af
```
#8988af rgb(137,136,175)
```
#8281b6
```
#8281b6 rgb(130,129,182)
```
#7b79be
```
#7b79be rgb(123,121,190)
```
#7471c6
```
#7471c6 rgb(116,113,198)
```
#6d6acd
```
#6d6acd rgb(109,106,205)
```
#6662d5
```
#6662d5 rgb(102,98,213)
```
#5e5add
```
#5e5add rgb(94,90,221)
```
#5753e4
```
#5753e4 rgb(87,83,228)
```
#504bec
```
#504bec rgb(80,75,236)
```
#4943f4
```
#4943f4 rgb(73,67,244)
```
#423cfb
```
#423cfb rgb(66,60,251)
```

Tone Color Variation

Below, you can see how #504bec 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

#5f5f5f Achromatopsia 0.005% of the population
#5c5b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb2 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#1d5ed8 Protanomaly 1% of men, 0.01% of women
#1d61c7 Deuteranomaly 6% of men, 0.4% of women
#1d66a6 Tritanomaly 0.01% of the population

#504bec hex color

#504bec Color Information

#504bec Color Conversion

Color Schemes with #504bec

Alternatives to #504bec

#504bec Preview

Shades and Tints of #504bec

Tones of #504bec

Color Blindness Simulator