#506bcc hex color

In a RGB color space, hex #506bcc is composed of 31.4% red, 42% green and 80% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 47.5% magenta, 0% yellow and 20% black. It has a hue angle of 226.9 degrees, a saturation of 54.9% and a lightness of 55.7%. #506bcc color hex could be obtained by blending #a0d6ff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 42
- B 80
RGB color chart
- C 61
- M 48
- Y 0
- K 20
CMYK color chart

● #506bcc color description : Moderate blue.

The hexadecimal color #506bcc has RGB values of R:80, G:107, B:204 and CMYK values of C:0.61, M:0.48, Y:0, K:0.2. Its decimal value is 5270476.

Hex triplet	506bcc	`#506bcc`
RGB Decimal	80, 107, 204	`rgb(80,107,204)`
RGB Percent	31.4, 42, 80	`rgb(31.4%,42%,80%)`
CMYK	61, 48, 0, 20
HSL	226.9°, 54.9, 55.7	`hsl(226.9,54.9%,55.7%)`
HSV (or HSB)	226.9°, 60.8, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.726, 20.028, -53.455
XYZ	19.463, 16.579, 59.298
xyY	0.204, 0.174, 16.579
CIE-LCH	47.726, 57.083, 290.54
CIE-LUV	47.726, -14.459, -83.02
Hunter-Lab	40.718, 14.065, -57.842
Binary	01010000, 01101011, 11001100

#506bcc
```
#506bcc rgb(80,107,204)
```
#ccb150
```
#ccb150 rgb(204,177,80)
```

Complementary Color

#50a9cc
```
#50a9cc rgb(80,169,204)
```
#506bcc
```
#506bcc rgb(80,107,204)
```
#7350cc
```
#7350cc rgb(115,80,204)
```

Analogous Color

#a9cc50
```
#a9cc50 rgb(169,204,80)
```
#506bcc
```
#506bcc rgb(80,107,204)
```
#cc7350
```
#cc7350 rgb(204,115,80)
```

Split Complementary Color

#6bcc50
```
#6bcc50 rgb(107,204,80)
```
#506bcc
```
#506bcc rgb(80,107,204)
```
#cc506b
```
#cc506b rgb(204,80,107)
```

Triadic Color

#50ccb1
```
#50ccb1 rgb(80,204,177)
```
#506bcc
```
#506bcc rgb(80,107,204)
```
#cc506b
```
#cc506b rgb(204,80,107)
```
#ccb150
```
#ccb150 rgb(204,177,80)
```

Tetradic Color

#2f48a1
```
#2f48a1 rgb(47,72,161)
```
#3550b4
```
#3550b4 rgb(53,80,180)
```
#3c5ac6
```
#3c5ac6 rgb(60,90,198)
```
#506bcc
```
#506bcc rgb(80,107,204)
```
#647cd2
```
#647cd2 rgb(100,124,210)
```
#778cd8
```
#778cd8 rgb(119,140,216)
```
#8b9ddd
```
#8b9ddd rgb(139,157,221)
```

Monochromatic Color

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

#508acc
```
#508acc rgb(80,138,204)
```
#5080cc
```
#5080cc rgb(80,128,204)
```
#5075cc
```
#5075cc rgb(80,117,204)
```
#506bcc
```
#506bcc rgb(80,107,204)
```
#5061cc
```
#5061cc rgb(80,97,204)
```
#5056cc
```
#5056cc rgb(80,86,204)
```
#5450cc
```
#5450cc rgb(84,80,204)
```

Similar Colors

Text with hexadecimal color #506bcc

This text has a font color of #506bcc.

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

#506bcc background color

This paragraph has a background color of #506bcc.

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

#506bcc border color

This element has a border color of #506bcc.

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

CSS codes

.text {color:#506bcc;}

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

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

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

#020307
```
#020307 rgb(2,3,7)
```
#070a16
```
#070a16 rgb(7,10,22)
```
#0b1126
```
#0b1126 rgb(11,17,38)
```
#0f1835
```
#0f1835 rgb(15,24,53)
```
#141e44
```
#141e44 rgb(20,30,68)
```
#182553
```
#182553 rgb(24,37,83)
```
#1d2c62
```
#1d2c62 rgb(29,44,98)
```
#213372
```
#213372 rgb(33,51,114)
```
#263981
```
#263981 rgb(38,57,129)
```
#2a4090
```
#2a4090 rgb(42,64,144)
```
#2e479f
```
#2e479f rgb(46,71,159)
```
#334eae
```
#334eae rgb(51,78,174)
```
#3754be
```
#3754be rgb(55,84,190)
```

Shade Color Variation

#415ec8
```
#415ec8 rgb(65,94,200)
```
#506bcc
```
#506bcc rgb(80,107,204)
```
#5f78d0
```
#5f78d0 rgb(95,120,208)
```
#6e85d5
```
#6e85d5 rgb(110,133,213)
```
#7e92d9
```
#7e92d9 rgb(126,146,217)
```
#8d9ede
```
#8d9ede rgb(141,158,222)
```
#9cabe2
```
#9cabe2 rgb(156,171,226)
```
#abb8e7
```
#abb8e7 rgb(171,184,231)
```
#bac5eb
```
#bac5eb rgb(186,197,235)
```
#cad2ef
```
#cad2ef rgb(202,210,239)
```
#d9dff4
```
#d9dff4 rgb(217,223,244)
```
#e8ebf8
```
#e8ebf8 rgb(232,235,248)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d8d8f is the less saturated color, while #2552f7 is the most saturated one.

#8d8d8f
```
#8d8d8f rgb(141,141,143)
```
#848898
```
#848898 rgb(132,136,152)
```
#7b84a1
```
#7b84a1 rgb(123,132,161)
```
#737fa9
```
#737fa9 rgb(115,127,169)
```
#6a7ab2
```
#6a7ab2 rgb(106,122,178)
```
#6175bb
```
#6175bb rgb(97,117,187)
```
#5970c3
```
#5970c3 rgb(89,112,195)
```
#506bcc
```
#506bcc rgb(80,107,204)
```
#4766d5
```
#4766d5 rgb(71,102,213)
```
#3f61dd
```
#3f61dd rgb(63,97,221)
```
#365ce6
```
#365ce6 rgb(54,92,230)
```
#2d57ef
```
#2d57ef rgb(45,87,239)
```
#2552f7
```
#2552f7 rgb(37,82,247)
```

Tone Color Variation

Below, you can see how #506bcc 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
#686d81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4575d1 Protanopia 1% of men
#1a7acb Deuteranopia 1% of men
#2d838c Tritanopia 0.001% of the population

Trichromacy

#4971cf Protanomaly 1% of men, 0.01% of women
#2d74cb Deuteranomaly 6% of men, 0.4% of women
#3a7aa3 Tritanomaly 0.01% of the population

#506bcc hex color

#506bcc Color Information

#506bcc Color Conversion

Color Schemes with #506bcc

Alternatives to #506bcc

#506bcc Preview

Shades and Tints of #506bcc

Tones of #506bcc

Color Blindness Simulator