#506bcb hex color

In a RGB color space, hex #506bcb is composed of 31.4% red, 42% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 47.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 226.8 degrees, a saturation of 54.2% and a lightness of 55.5%. #506bcb color hex could be obtained by blending #a0d6ff with #000097. Closest websafe color is: #6666cc.

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

● #506bcb color description : Moderate blue.

The hexadecimal color #506bcb has RGB values of R:80, G:107, B:203 and CMYK values of C:0.61, M:0.47, Y:0, K:0.2. Its decimal value is 5270475.

Hex triplet	506bcb	`#506bcb`
RGB Decimal	80, 107, 203	`rgb(80,107,203)`
RGB Percent	31.4, 42, 79.6	`rgb(31.4%,42%,79.6%)`
CMYK	61, 47, 0, 20
HSL	226.8°, 54.2, 55.5	`hsl(226.8,54.2%,55.5%)`
HSV (or HSB)	226.8°, 60.6, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.664, 19.688, -52.98
XYZ	19.343, 16.532, 58.668
xyY	0.205, 0.175, 16.532
CIE-LCH	47.664, 56.52, 290.385
CIE-LUV	47.664, -14.444, -82.24
Hunter-Lab	40.659, 13.766, -57.09
Binary	01010000, 01101011, 11001011

#506bcb
```
#506bcb rgb(80,107,203)
```
#cbb050
```
#cbb050 rgb(203,176,80)
```

Complementary Color

#50a9cb
```
#50a9cb rgb(80,169,203)
```
#506bcb
```
#506bcb rgb(80,107,203)
```
#7350cb
```
#7350cb rgb(115,80,203)
```

Analogous Color

#a9cb50
```
#a9cb50 rgb(169,203,80)
```
#506bcb
```
#506bcb rgb(80,107,203)
```
#cb7350
```
#cb7350 rgb(203,115,80)
```

Split Complementary Color

#6bcb50
```
#6bcb50 rgb(107,203,80)
```
#506bcb
```
#506bcb rgb(80,107,203)
```
#cb506b
```
#cb506b rgb(203,80,107)
```

Triadic Color

#50cbb0
```
#50cbb0 rgb(80,203,176)
```
#506bcb
```
#506bcb rgb(80,107,203)
```
#cb506b
```
#cb506b rgb(203,80,107)
```
#cbb050
```
#cbb050 rgb(203,176,80)
```

Tetradic Color

#2f489f
```
#2f489f rgb(47,72,159)
```
#3551b3
```
#3551b3 rgb(53,81,179)
```
#3c5ac5
```
#3c5ac5 rgb(60,90,197)
```
#506bcb
```
#506bcb rgb(80,107,203)
```
#647cd1
```
#647cd1 rgb(100,124,209)
```
#778cd7
```
#778cd7 rgb(119,140,215)
```
#8b9ddd
```
#8b9ddd rgb(139,157,221)
```

Monochromatic Color

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

#508acb
```
#508acb rgb(80,138,203)
```
#5080cb
```
#5080cb rgb(80,128,203)
```
#5075cb
```
#5075cb rgb(80,117,203)
```
#506bcb
```
#506bcb rgb(80,107,203)
```
#5061cb
```
#5061cb rgb(80,97,203)
```
#5057cb
```
#5057cb rgb(80,87,203)
```
#5450cb
```
#5450cb rgb(84,80,203)
```

Similar Colors

Text with hexadecimal color #506bcb

This text has a font color of #506bcb.

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

#506bcb background color

This paragraph has a background color of #506bcb.

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

#506bcb border color

This element has a border color of #506bcb.

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

CSS codes

.text {color:#506bcb;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060a16
```
#060a16 rgb(6,10,22)
```
#0b1125
```
#0b1125 rgb(11,17,37)
```
#0f1734
```
#0f1734 rgb(15,23,52)
```
#141e43
```
#141e43 rgb(20,30,67)
```
#182552
```
#182552 rgb(24,37,82)
```
#1d2c61
```
#1d2c61 rgb(29,44,97)
```
#213370
```
#213370 rgb(33,51,112)
```
#263a7f
```
#263a7f rgb(38,58,127)
```
#2a408f
```
#2a408f rgb(42,64,143)
```
#2f479e
```
#2f479e rgb(47,71,158)
```
#334ead
```
#334ead rgb(51,78,173)
```
#3855bc
```
#3855bc rgb(56,85,188)
```

Shade Color Variation

#415ec7
```
#415ec7 rgb(65,94,199)
```
#506bcb
```
#506bcb rgb(80,107,203)
```
#5f78cf
```
#5f78cf rgb(95,120,207)
```
#6e85d4
```
#6e85d4 rgb(110,133,212)
```
#7d91d8
```
#7d91d8 rgb(125,145,216)
```
#8c9edd
```
#8c9edd rgb(140,158,221)
```
#9cabe1
```
#9cabe1 rgb(156,171,225)
```
#abb8e6
```
#abb8e6 rgb(171,184,230)
```
#bac5ea
```
#bac5ea rgb(186,197,234)
```
#c9d1ef
```
#c9d1ef rgb(201,209,239)
```
#d8def3
```
#d8def3 rgb(216,222,243)
```
#e7ebf8
```
#e7ebf8 rgb(231,235,248)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#8d8d8e
```
#8d8d8e rgb(141,141,142)
```
#848897
```
#848897 rgb(132,136,151)
```
#7c839f
```
#7c839f rgb(124,131,159)
```
#737fa8
```
#737fa8 rgb(115,127,168)
```
#6a7ab1
```
#6a7ab1 rgb(106,122,177)
```
#6175ba
```
#6175ba rgb(97,117,186)
```
#5970c2
```
#5970c2 rgb(89,112,194)
```
#506bcb
```
#506bcb rgb(80,107,203)
```
#4766d4
```
#4766d4 rgb(71,102,212)
```
#3f61dc
```
#3f61dc rgb(63,97,220)
```
#365ce5
```
#365ce5 rgb(54,92,229)
```
#2d57ee
```
#2d57ee rgb(45,87,238)
```
#2453f7
```
#2453f7 rgb(36,83,247)
```

Tone Color Variation

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

#4675d0 Protanopia 1% of men
#1e7aca Deuteranopia 1% of men
#2f828c Tritanopia 0.001% of the population

Trichromacy

#4971ce Protanomaly 1% of men, 0.01% of women
#3074ca Deuteranomaly 6% of men, 0.4% of women
#3b7aa3 Tritanomaly 0.01% of the population

#506bcb hex color

#506bcb Color Information

#506bcb Color Conversion

Color Schemes with #506bcb

Alternatives to #506bcb

#506bcb Preview

Shades and Tints of #506bcb

Tones of #506bcb

Color Blindness Simulator