#506acb hex color

In a RGB color space, hex #506acb is composed of 31.4% red, 41.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 47.8% magenta, 0% yellow and 20.4% black. It has a hue angle of 227.3 degrees, a saturation of 54.2% and a lightness of 55.5%. #506acb color hex could be obtained by blending #a0d4ff with #000097. 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

● #506acb color description : Moderate blue.

The hexadecimal color #506acb has RGB values of R:80, G:106, B:203 and CMYK values of C:0.61, M:0.48, Y:0, K:0.2. Its decimal value is 5270219.

Hex triplet	506acb	`#506acb`
RGB Decimal	80, 106, 203	`rgb(80,106,203)`
RGB Percent	31.4, 41.6, 79.6	`rgb(31.4%,41.6%,79.6%)`
CMYK	61, 48, 0, 20
HSL	227.3°, 54.2, 55.5	`hsl(227.3,54.2%,55.5%)`
HSV (or HSB)	227.3°, 60.6, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.397, 20.313, -53.409
XYZ	19.24, 16.324, 58.634
xyY	0.204, 0.173, 16.324
CIE-LCH	47.397, 57.141, 290.824
CIE-LUV	47.397, -14.133, -82.833
Hunter-Lab	40.403, 14.293, -57.76
Binary	01010000, 01101010, 11001011

#506acb
```
#506acb rgb(80,106,203)
```
#cbb150
```
#cbb150 rgb(203,177,80)
```

Complementary Color

#50a8cb
```
#50a8cb rgb(80,168,203)
```
#506acb
```
#506acb rgb(80,106,203)
```
#7450cb
```
#7450cb rgb(116,80,203)
```

Analogous Color

#a8cb50
```
#a8cb50 rgb(168,203,80)
```
#506acb
```
#506acb rgb(80,106,203)
```
#cb7450
```
#cb7450 rgb(203,116,80)
```

Split Complementary Color

#6acb50
```
#6acb50 rgb(106,203,80)
```
#506acb
```
#506acb rgb(80,106,203)
```
#cb506a
```
#cb506a rgb(203,80,106)
```

Triadic Color

#50cbb1
```
#50cbb1 rgb(80,203,177)
```
#506acb
```
#506acb rgb(80,106,203)
```
#cb506a
```
#cb506a rgb(203,80,106)
```
#cbb150
```
#cbb150 rgb(203,177,80)
```

Tetradic Color

#2f479f
```
#2f479f rgb(47,71,159)
```
#3550b3
```
#3550b3 rgb(53,80,179)
```
#3c59c5
```
#3c59c5 rgb(60,89,197)
```
#506acb
```
#506acb rgb(80,106,203)
```
#647bd1
```
#647bd1 rgb(100,123,209)
```
#778bd7
```
#778bd7 rgb(119,139,215)
```
#8b9cdd
```
#8b9cdd rgb(139,156,221)
```

Monochromatic Color

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

#5089cb
```
#5089cb rgb(80,137,203)
```
#507fcb
```
#507fcb rgb(80,127,203)
```
#5074cb
```
#5074cb rgb(80,116,203)
```
#506acb
```
#506acb rgb(80,106,203)
```
#5060cb
```
#5060cb rgb(80,96,203)
```
#5056cb
```
#5056cb rgb(80,86,203)
```
#5550cb
```
#5550cb rgb(85,80,203)
```

Similar Colors

Text with hexadecimal color #506acb

This text has a font color of #506acb.

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

#506acb background color

This paragraph has a background color of #506acb.

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

#506acb border color

This element has a border color of #506acb.

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

CSS codes

.text {color:#506acb;}

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

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

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)
```
#0b1025
```
#0b1025 rgb(11,16,37)
```
#0f1734
```
#0f1734 rgb(15,23,52)
```
#141e43
```
#141e43 rgb(20,30,67)
```
#182552
```
#182552 rgb(24,37,82)
```
#1d2b61
```
#1d2b61 rgb(29,43,97)
```
#213270
```
#213270 rgb(33,50,112)
```
#26397f
```
#26397f rgb(38,57,127)
```
#2a408f
```
#2a408f rgb(42,64,143)
```
#2f469e
```
#2f469e rgb(47,70,158)
```
#334dad
```
#334dad rgb(51,77,173)
```
#3854bc
```
#3854bc rgb(56,84,188)
```

Shade Color Variation

#415dc7
```
#415dc7 rgb(65,93,199)
```
#506acb
```
#506acb rgb(80,106,203)
```
#5f77cf
```
#5f77cf rgb(95,119,207)
```
#6e84d4
```
#6e84d4 rgb(110,132,212)
```
#7d91d8
```
#7d91d8 rgb(125,145,216)
```
#8c9edd
```
#8c9edd rgb(140,158,221)
```
#9caae1
```
#9caae1 rgb(156,170,225)
```
#abb7e6
```
#abb7e6 rgb(171,183,230)
```
#bac4ea
```
#bac4ea rgb(186,196,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 #2451f7 is the most saturated one.

#8d8d8e
```
#8d8d8e rgb(141,141,142)
```
#848897
```
#848897 rgb(132,136,151)
```
#7c839f
```
#7c839f rgb(124,131,159)
```
#737ea8
```
#737ea8 rgb(115,126,168)
```
#6a79b1
```
#6a79b1 rgb(106,121,177)
```
#6174ba
```
#6174ba rgb(97,116,186)
```
#596fc2
```
#596fc2 rgb(89,111,194)
```
#506acb
```
#506acb rgb(80,106,203)
```
#4765d4
```
#4765d4 rgb(71,101,212)
```
#3f60dc
```
#3f60dc rgb(63,96,220)
```
#365be5
```
#365be5 rgb(54,91,229)
```
#2d56ee
```
#2d56ee rgb(45,86,238)
```
#2451f7
```
#2451f7 rgb(36,81,247)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#676c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4374d0 Protanopia 1% of men
#1779ca Deuteranopia 1% of men
#2e828b Tritanopia 0.001% of the population

Trichromacy

#4870ce Protanomaly 1% of men, 0.01% of women
#2c73ca Deuteranomaly 6% of men, 0.4% of women
#3a79a2 Tritanomaly 0.01% of the population

#506acb hex color

#506acb Color Information

#506acb Color Conversion

Color Schemes with #506acb

Alternatives to #506acb

#506acb Preview

Shades and Tints of #506acb

Tones of #506acb

Color Blindness Simulator