#506cc9 hex color

In a RGB color space, hex #506cc9 is composed of 31.4% red, 42.4% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 60.2% cyan, 46.3% magenta, 0% yellow and 21.2% black. It has a hue angle of 226.1 degrees, a saturation of 52.8% and a lightness of 55.1%. #506cc9 color hex could be obtained by blending #a0d8ff with #000093. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 42
- B 79
RGB color chart
- C 60
- M 46
- Y 0
- K 21
CMYK color chart

● #506cc9 color description : Moderate blue.

The hexadecimal color #506cc9 has RGB values of R:80, G:108, B:201 and CMYK values of C:0.6, M:0.46, Y:0, K:0.21. Its decimal value is 5270729.

Hex triplet	506cc9	`#506cc9`
RGB Decimal	80, 108, 201	`rgb(80,108,201)`
RGB Percent	31.4, 42.4, 78.8	`rgb(31.4%,42.4%,78.8%)`
CMYK	60, 46, 0, 21
HSL	226.1°, 52.8, 55.1	`hsl(226.1,52.8%,55.1%)`
HSV (or HSB)	226.1°, 60.2, 78.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.812, 18.383, -51.597
XYZ	19.211, 16.647, 57.456
xyY	0.206, 0.178, 16.647
CIE-LCH	47.812, 54.774, 289.61
CIE-LUV	47.812, -14.73, -80.07
Hunter-Lab	40.8, 12.648, -54.933
Binary	01010000, 01101100, 11001001

#506cc9
```
#506cc9 rgb(80,108,201)
```
#c9ad50
```
#c9ad50 rgb(201,173,80)
```

Complementary Color

#50a9c9
```
#50a9c9 rgb(80,169,201)
```
#506cc9
```
#506cc9 rgb(80,108,201)
```
#7150c9
```
#7150c9 rgb(113,80,201)
```

Analogous Color

#a9c950
```
#a9c950 rgb(169,201,80)
```
#506cc9
```
#506cc9 rgb(80,108,201)
```
#c97150
```
#c97150 rgb(201,113,80)
```

Split Complementary Color

#6cc950
```
#6cc950 rgb(108,201,80)
```
#506cc9
```
#506cc9 rgb(80,108,201)
```
#c9506c
```
#c9506c rgb(201,80,108)
```

Triadic Color

#50c9ad
```
#50c9ad rgb(80,201,173)
```
#506cc9
```
#506cc9 rgb(80,108,201)
```
#c9506c
```
#c9506c rgb(201,80,108)
```
#c9ad50
```
#c9ad50 rgb(201,173,80)
```

Tetradic Color

#30499c
```
#30499c rgb(48,73,156)
```
#3652b0
```
#3652b0 rgb(54,82,176)
```
#3d5cc3
```
#3d5cc3 rgb(61,92,195)
```
#506cc9
```
#506cc9 rgb(80,108,201)
```
#637ccf
```
#637ccf rgb(99,124,207)
```
#778dd5
```
#778dd5 rgb(119,141,213)
```
#8a9ddb
```
#8a9ddb rgb(138,157,219)
```

Monochromatic Color

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

#508ac9
```
#508ac9 rgb(80,138,201)
```
#5080c9
```
#5080c9 rgb(80,128,201)
```
#5076c9
```
#5076c9 rgb(80,118,201)
```
#506cc9
```
#506cc9 rgb(80,108,201)
```
#5062c9
```
#5062c9 rgb(80,98,201)
```
#5058c9
```
#5058c9 rgb(80,88,201)
```
#5250c9
```
#5250c9 rgb(82,80,201)
```

Similar Colors

Text with hexadecimal color #506cc9

This text has a font color of #506cc9.

<span style="color:#506cc9;">Text here</span>

#506cc9 background color

This paragraph has a background color of #506cc9.

<p style="background-color:#506cc9;">Content here</p>

#506cc9 border color

This element has a border color of #506cc9.

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

CSS codes

.text {color:#506cc9;}

.background {background-color:#506cc9;}

.border {border:1px solid #506cc9;}

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

#020205
```
#020205 rgb(2,2,5)
```
#060914
```
#060914 rgb(6,9,20)
```
#0b1023
```
#0b1023 rgb(11,16,35)
```
#0f1732
```
#0f1732 rgb(15,23,50)
```
#141e41
```
#141e41 rgb(20,30,65)
```
#192550
```
#192550 rgb(25,37,80)
```
#1d2c5f
```
#1d2c5f rgb(29,44,95)
```
#22336e
```
#22336e rgb(34,51,110)
```
#273a7d
```
#273a7d rgb(39,58,125)
```
#2b428c
```
#2b428c rgb(43,66,140)
```
#30499b
```
#30499b rgb(48,73,155)
```
#3450aa
```
#3450aa rgb(52,80,170)
```
#3957b9
```
#3957b9 rgb(57,87,185)
```

Shade Color Variation

#415fc4
```
#415fc4 rgb(65,95,196)
```
#506cc9
```
#506cc9 rgb(80,108,201)
```
#5f79ce
```
#5f79ce rgb(95,121,206)
```
#6e85d2
```
#6e85d2 rgb(110,133,210)
```
#7d92d7
```
#7d92d7 rgb(125,146,215)
```
#8c9edc
```
#8c9edc rgb(140,158,220)
```
#9babe0
```
#9babe0 rgb(155,171,224)
```
#aab8e5
```
#aab8e5 rgb(170,184,229)
```
#b9c4e9
```
#b9c4e9 rgb(185,196,233)
```
#c8d1ee
```
#c8d1ee rgb(200,209,238)
```
#d7ddf3
```
#d7ddf3 rgb(215,221,243)
```
#e6eaf7
```
#e6eaf7 rgb(230,234,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#858894
```
#858894 rgb(133,136,148)
```
#7c849d
```
#7c849d rgb(124,132,157)
```
#737fa6
```
#737fa6 rgb(115,127,166)
```
#6a7aaf
```
#6a7aaf rgb(106,122,175)
```
#6275b7
```
#6275b7 rgb(98,117,183)
```
#5971c0
```
#5971c0 rgb(89,113,192)
```
#506cc9
```
#506cc9 rgb(80,108,201)
```
#4767d2
```
#4767d2 rgb(71,103,210)
```
#3e63db
```
#3e63db rgb(62,99,219)
```
#365ee3
```
#365ee3 rgb(54,94,227)
```
#2d59ec
```
#2d59ec rgb(45,89,236)
```
#2454f5
```
#2454f5 rgb(36,84,245)
```
#1b50fe
```
#1b50fe rgb(27,80,254)
```

Tone Color Variation

Below, you can see how #506cc9 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

#6e6e6e Achromatopsia 0.005% of the population
#686e80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4975cd Protanopia 1% of men
#2a7ac8 Deuteranopia 1% of men
#31838c Tritanopia 0.001% of the population

Trichromacy

#4c72cc Protanomaly 1% of men, 0.01% of women
#3775c8 Deuteranomaly 6% of men, 0.4% of women
#3c7aa2 Tritanomaly 0.01% of the population

#506cc9 hex color

#506cc9 Color Information

#506cc9 Color Conversion

Color Schemes with #506cc9

Alternatives to #506cc9

#506cc9 Preview

Shades and Tints of #506cc9

Tones of #506cc9

Color Blindness Simulator