#507acb hex color

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

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

● #507acb color description : Moderate blue.

The hexadecimal color #507acb has RGB values of R:80, G:122, B:203 and CMYK values of C:0.61, M:0.4, Y:0, K:0.2. Its decimal value is 5274315.

Hex triplet	507acb	`#507acb`
RGB Decimal	80, 122, 203	`rgb(80,122,203)`
RGB Percent	31.4, 47.8, 79.6	`rgb(31.4%,47.8%,79.6%)`
CMYK	61, 40, 0, 20
HSL	219.5°, 54.2, 55.5	`hsl(219.5,54.2%,55.5%)`
HSV (or HSB)	219.5°, 60.6, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.764, 10.402, -46.435
XYZ	21.045, 19.935, 59.235
xyY	0.21, 0.199, 19.935
CIE-LCH	51.764, 47.586, 282.626
CIE-LUV	51.764, -19.333, -72.611
Hunter-Lab	44.649, 6, -47.406
Binary	01010000, 01111010, 11001011

#507acb
```
#507acb rgb(80,122,203)
```
#cba150
```
#cba150 rgb(203,161,80)
```

Complementary Color

#50b8cb
```
#50b8cb rgb(80,184,203)
```
#507acb
```
#507acb rgb(80,122,203)
```
#6450cb
```
#6450cb rgb(100,80,203)
```

Analogous Color

#b8cb50
```
#b8cb50 rgb(184,203,80)
```
#507acb
```
#507acb rgb(80,122,203)
```
#cb6450
```
#cb6450 rgb(203,100,80)
```

Split Complementary Color

#7acb50
```
#7acb50 rgb(122,203,80)
```
#507acb
```
#507acb rgb(80,122,203)
```
#cb507a
```
#cb507a rgb(203,80,122)
```

Triadic Color

#50cba1
```
#50cba1 rgb(80,203,161)
```
#507acb
```
#507acb rgb(80,122,203)
```
#cb507a
```
#cb507a rgb(203,80,122)
```
#cba150
```
#cba150 rgb(203,161,80)
```

Tetradic Color

#2f569f
```
#2f569f rgb(47,86,159)
```
#3560b3
```
#3560b3 rgb(53,96,179)
```
#3c6bc5
```
#3c6bc5 rgb(60,107,197)
```
#507acb
```
#507acb rgb(80,122,203)
```
#6489d1
```
#6489d1 rgb(100,137,209)
```
#7798d7
```
#7798d7 rgb(119,152,215)
```
#8ba7dd
```
#8ba7dd rgb(139,167,221)
```

Monochromatic Color

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

#5099cb
```
#5099cb rgb(80,153,203)
```
#508fcb
```
#508fcb rgb(80,143,203)
```
#5084cb
```
#5084cb rgb(80,132,203)
```
#507acb
```
#507acb rgb(80,122,203)
```
#5070cb
```
#5070cb rgb(80,112,203)
```
#5066cb
```
#5066cb rgb(80,102,203)
```
#505bcb
```
#505bcb rgb(80,91,203)
```

Similar Colors

Text with hexadecimal color #507acb

This text has a font color of #507acb.

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

#507acb background color

This paragraph has a background color of #507acb.

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

#507acb border color

This element has a border color of #507acb.

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

CSS codes

.text {color:#507acb;}

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

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

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)
```
#060c16
```
#060c16 rgb(6,12,22)
```
#0b1425
```
#0b1425 rgb(11,20,37)
```
#0f1c34
```
#0f1c34 rgb(15,28,52)
```
#142443
```
#142443 rgb(20,36,67)
```
#182c52
```
#182c52 rgb(24,44,82)
```
#1d3461
```
#1d3461 rgb(29,52,97)
```
#213c70
```
#213c70 rgb(33,60,112)
```
#26447f
```
#26447f rgb(38,68,127)
```
#2a4d8f
```
#2a4d8f rgb(42,77,143)
```
#2f559e
```
#2f559e rgb(47,85,158)
```
#335dad
```
#335dad rgb(51,93,173)
```
#3865bc
```
#3865bc rgb(56,101,188)
```

Shade Color Variation

#416fc7
```
#416fc7 rgb(65,111,199)
```
#507acb
```
#507acb rgb(80,122,203)
```
#5f85cf
```
#5f85cf rgb(95,133,207)
```
#6e91d4
```
#6e91d4 rgb(110,145,212)
```
#7d9cd8
```
#7d9cd8 rgb(125,156,216)
```
#8ca8dd
```
#8ca8dd rgb(140,168,221)
```
#9cb3e1
```
#9cb3e1 rgb(156,179,225)
```
#abbfe6
```
#abbfe6 rgb(171,191,230)
```
#bacaea
```
#bacaea rgb(186,202,234)
```
#c9d6ef
```
#c9d6ef rgb(201,214,239)
```
#d8e1f3
```
#d8e1f3 rgb(216,225,243)
```
#e7edf8
```
#e7edf8 rgb(231,237,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 #246cf7 is the most saturated one.

#8d8d8e
```
#8d8d8e rgb(141,141,142)
```
#848b97
```
#848b97 rgb(132,139,151)
```
#7c889f
```
#7c889f rgb(124,136,159)
```
#7385a8
```
#7385a8 rgb(115,133,168)
```
#6a82b1
```
#6a82b1 rgb(106,130,177)
```
#6180ba
```
#6180ba rgb(97,128,186)
```
#597dc2
```
#597dc2 rgb(89,125,194)
```
#507acb
```
#507acb rgb(80,122,203)
```
#4777d4
```
#4777d4 rgb(71,119,212)
```
#3f74dc
```
#3f74dc rgb(63,116,220)
```
#3672e5
```
#3672e5 rgb(54,114,229)
```
#2d6fee
```
#2d6fee rgb(45,111,238)
```
#246cf7
```
#246cf7 rgb(36,108,247)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6f7888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#607fcc Protanopia 1% of men
#4d82cc Deuteranopia 1% of men
#378d97 Tritanopia 0.001% of the population

Trichromacy

#5a7dcc Protanomaly 1% of men, 0.01% of women
#4e7fcc Deuteranomaly 6% of men, 0.4% of women
#4086aa Tritanomaly 0.01% of the population

#507acb hex color

#507acb Color Information

#507acb Color Conversion

Color Schemes with #507acb

Alternatives to #507acb

#507acb Preview

Shades and Tints of #507acb

Tones of #507acb

Color Blindness Simulator