#507bd3 hex color

In a RGB color space, hex #507bd3 is composed of 31.4% red, 48.2% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 62.1% cyan, 41.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 220.3 degrees, a saturation of 59.8% and a lightness of 57.1%. #507bd3 color hex could be obtained by blending #a0f6ff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 48
- B 83
RGB color chart
- C 62
- M 42
- Y 0
- K 17
CMYK color chart

● #507bd3 color description : Moderate blue.

The hexadecimal color #507bd3 has RGB values of R:80, G:123, B:211 and CMYK values of C:0.62, M:0.42, Y:0, K:0.17. Its decimal value is 5274579.

Hex triplet	507bd3	`#507bd3`
RGB Decimal	80, 123, 211	`rgb(80,123,211)`
RGB Percent	31.4, 48.2, 82.7	`rgb(31.4%,48.2%,82.7%)`
CMYK	62, 42, 0, 17
HSL	220.3°, 59.8, 57.1	`hsl(220.3,59.8%,57.1%)`
HSV (or HSB)	220.3°, 62.1, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.479, 12.506, -49.839
XYZ	22.147, 20.573, 64.428
xyY	0.207, 0.192, 20.573
CIE-LCH	52.479, 51.385, 284.086
CIE-LUV	52.479, -19.643, -78.456
Hunter-Lab	45.358, 7.779, -52.468
Binary	01010000, 01111011, 11010011

#507bd3
```
#507bd3 rgb(80,123,211)
```
#d3a850
```
#d3a850 rgb(211,168,80)
```

Complementary Color

#50bdd3
```
#50bdd3 rgb(80,189,211)
```
#507bd3
```
#507bd3 rgb(80,123,211)
```
#6750d3
```
#6750d3 rgb(103,80,211)
```

Analogous Color

#bdd350
```
#bdd350 rgb(189,211,80)
```
#507bd3
```
#507bd3 rgb(80,123,211)
```
#d36750
```
#d36750 rgb(211,103,80)
```

Split Complementary Color

#7bd350
```
#7bd350 rgb(123,211,80)
```
#507bd3
```
#507bd3 rgb(80,123,211)
```
#d3507b
```
#d3507b rgb(211,80,123)
```

Triadic Color

#50d3a8
```
#50d3a8 rgb(80,211,168)
```
#507bd3
```
#507bd3 rgb(80,123,211)
```
#d3507b
```
#d3507b rgb(211,80,123)
```
#d3a850
```
#d3a850 rgb(211,168,80)
```

Tetradic Color

#2b55ab
```
#2b55ab rgb(43,85,171)
```
#305fc0
```
#305fc0 rgb(48,95,192)
```
#3c6cce
```
#3c6cce rgb(60,108,206)
```
#507bd3
```
#507bd3 rgb(80,123,211)
```
#648ad8
```
#648ad8 rgb(100,138,216)
```
#799add
```
#799add rgb(121,154,221)
```
#8da9e2
```
#8da9e2 rgb(141,169,226)
```

Monochromatic Color

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

#509cd3
```
#509cd3 rgb(80,156,211)
```
#5091d3
```
#5091d3 rgb(80,145,211)
```
#5086d3
```
#5086d3 rgb(80,134,211)
```
#507bd3
```
#507bd3 rgb(80,123,211)
```
#5070d3
```
#5070d3 rgb(80,112,211)
```
#5065d3
```
#5065d3 rgb(80,101,211)
```
#505ad3
```
#505ad3 rgb(80,90,211)
```

Similar Colors

Text with hexadecimal color #507bd3

This text has a font color of #507bd3.

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

#507bd3 background color

This paragraph has a background color of #507bd3.

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

#507bd3 border color

This element has a border color of #507bd3.

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

CSS codes

.text {color:#507bd3;}

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

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

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, #03070d is the darkest color, while #fcfdfe is the lightest one.

#03070d
```
#03070d rgb(3,7,13)
```
#070e1d
```
#070e1d rgb(7,14,29)
```
#0b162c
```
#0b162c rgb(11,22,44)
```
#0f1e3c
```
#0f1e3c rgb(15,30,60)
```
#13264c
```
#13264c rgb(19,38,76)
```
#172d5b
```
#172d5b rgb(23,45,91)
```
#1b356b
```
#1b356b rgb(27,53,107)
```
#1f3d7b
```
#1f3d7b rgb(31,61,123)
```
#23458a
```
#23458a rgb(35,69,138)
```
#274d9a
```
#274d9a rgb(39,77,154)
```
#2b54aa
```
#2b54aa rgb(43,84,170)
```
#2f5cba
```
#2f5cba rgb(47,92,186)
```
#3364c9
```
#3364c9 rgb(51,100,201)
```

Shade Color Variation

#406fcf
```
#406fcf rgb(64,111,207)
```
#507bd3
```
#507bd3 rgb(80,123,211)
```
#6087d7
```
#6087d7 rgb(96,135,215)
```
#6f93db
```
#6f93db rgb(111,147,219)
```
#7f9edf
```
#7f9edf rgb(127,158,223)
```
#8faae3
```
#8faae3 rgb(143,170,227)
```
#9eb6e7
```
#9eb6e7 rgb(158,182,231)
```
#aec2eb
```
#aec2eb rgb(174,194,235)
```
#beceef
```
#beceef rgb(190,206,239)
```
#cddaf3
```
#cddaf3 rgb(205,218,243)
```
#dde5f6
```
#dde5f6 rgb(221,229,246)
```
#edf1fa
```
#edf1fa rgb(237,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#8b8f98
```
#8b8f98 rgb(139,143,152)
```
#838ca0
```
#838ca0 rgb(131,140,160)
```
#7a89a9
```
#7a89a9 rgb(122,137,169)
```
#7287b1
```
#7287b1 rgb(114,135,177)
```
#6984ba
```
#6984ba rgb(105,132,186)
```
#6181c2
```
#6181c2 rgb(97,129,194)
```
#587ecb
```
#587ecb rgb(88,126,203)
```
#507bd3
```
#507bd3 rgb(80,123,211)
```
#4878db
```
#4878db rgb(72,120,219)
```
#3f75e4
```
#3f75e4 rgb(63,117,228)
```
#3772ec
```
#3772ec rgb(55,114,236)
```
#2e6ff5
```
#2e6ff5 rgb(46,111,245)
```
#266dfd
```
#266dfd rgb(38,109,253)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#70798a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d81d4 Protanopia 1% of men
#4585d3 Deuteranopia 1% of men
#308f9a Tritanopia 0.001% of the population

Trichromacy

#587ed4 Protanomaly 1% of men, 0.01% of women
#4981d3 Deuteranomaly 6% of men, 0.4% of women
#3b88ae Tritanomaly 0.01% of the population

#507bd3 hex color

#507bd3 Color Information

#507bd3 Color Conversion

Color Schemes with #507bd3

Alternatives to #507bd3

#507bd3 Preview

Shades and Tints of #507bd3

Tones of #507bd3

Color Blindness Simulator