colorhexa.com

#507ddd hex color

In a RGB color space, hex #507ddd is composed of 31.4% red, 49% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 43.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 220.9 degrees, a saturation of 67.5% and a lightness of 59%. #507ddd color hex could be obtained by blending #a0faff with #0000bb. Closest websafe color is: #6666cc.

- R 31
- G 49
- B 87
RGB color chart
- C 64
- M 43
- Y 0
- K 13
CMYK color chart

● #507ddd color description : Soft blue.

The hexadecimal color #507ddd has RGB values of R:80, G:125, B:221 and CMYK values of C:0.64, M:0.43, Y:0, K:0.13. Its decimal value is 5275101.

Hex triplet	507ddd	`#507ddd`
RGB Decimal	80, 125, 221	`rgb(80,125,221)`
RGB Percent	31.4, 49, 86.7	`rgb(31.4%,49%,86.7%)`
CMYK	64, 43, 0, 13
HSL	220.9°, 67.5, 59	`hsl(220.9,67.5%,59%)`
HSV (or HSB)	220.9°, 63.8, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.591, 14.702, -53.709
XYZ	23.69, 21.592, 71.322
xyY	0.203, 0.185, 21.592
CIE-LCH	53.591, 55.685, 285.309
CIE-LUV	53.591, -20.264, -85.186
Hunter-Lab	46.467, 9.688, -58.477
Binary	01010000, 01111101, 11011101

#507ddd
```
#507ddd rgb(80,125,221)
```
#ddb050
```
#ddb050 rgb(221,176,80)
```

Complementary Color

#50c4dd
```
#50c4dd rgb(80,196,221)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#6a50dd
```
#6a50dd rgb(106,80,221)
```

Analogous Color

#c4dd50
```
#c4dd50 rgb(196,221,80)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#dd6a50
```
#dd6a50 rgb(221,106,80)
```

Split Complementary Color

#7ddd50
```
#7ddd50 rgb(125,221,80)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#dd507d
```
#dd507d rgb(221,80,125)
```

Triadic Color

#50ddb0
```
#50ddb0 rgb(80,221,176)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#dd507d
```
#dd507d rgb(221,80,125)
```
#ddb050
```
#ddb050 rgb(221,176,80)
```

Tetradic Color

#2555bc
```
#2555bc rgb(37,85,188)
```
#295ed1
```
#295ed1 rgb(41,94,209)
```
#3b6dd9
```
#3b6dd9 rgb(59,109,217)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#658de1
```
#658de1 rgb(101,141,225)
```
#7b9de5
```
#7b9de5 rgb(123,157,229)
```
#90ade9
```
#90ade9 rgb(144,173,233)
```

Monochromatic Color

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

#50a0dd
```
#50a0dd rgb(80,160,221)
```
#5095dd
```
#5095dd rgb(80,149,221)
```
#5089dd
```
#5089dd rgb(80,137,221)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#5071dd
```
#5071dd rgb(80,113,221)
```
#5066dd
```
#5066dd rgb(80,102,221)
```
#505add
```
#505add rgb(80,90,221)
```

Similar Colors

Text with hexadecimal color #507ddd

This text has a font color of #507ddd.

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

#507ddd background color

This paragraph has a background color of #507ddd.

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

#507ddd border color

This element has a border color of #507ddd.

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

CSS codes

.text {color:#507ddd;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040a16
```
#040a16 rgb(4,10,22)
```
#071127
```
#071127 rgb(7,17,39)
```
#0b1937
```
#0b1937 rgb(11,25,55)
```
#0e2047
```
#0e2047 rgb(14,32,71)
```
#112858
```
#112858 rgb(17,40,88)
```
#142f68
```
#142f68 rgb(20,47,104)
```
#173679
```
#173679 rgb(23,54,121)
```
#1b3e89
```
#1b3e89 rgb(27,62,137)
```
#1e4599
```
#1e4599 rgb(30,69,153)
```
#214daa
```
#214daa rgb(33,77,170)
```
#2454ba
```
#2454ba rgb(36,84,186)
```
#275ccb
```
#275ccb rgb(39,92,203)
```

Shade Color Variation

#2f65d7
```
#2f65d7 rgb(47,101,215)
```
#4071da
```
#4071da rgb(64,113,218)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#6089e0
```
#6089e0 rgb(96,137,224)
```
#7195e3
```
#7195e3 rgb(113,149,227)
```
#81a2e7
```
#81a2e7 rgb(129,162,231)
```
#92aeea
```
#92aeea rgb(146,174,234)
```
#a2baed
```
#a2baed rgb(162,186,237)
```
#b3c6f0
```
#b3c6f0 rgb(179,198,240)
```
#c3d2f3
```
#c3d2f3 rgb(195,210,243)
```
#d3dff7
```
#d3dff7 rgb(211,223,247)
```
#e4ebfa
```
#e4ebfa rgb(228,235,250)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90949d is the less saturated color, while #3071fd is the most saturated one.

#90949d
```
#90949d rgb(144,148,157)
```
#8891a5
```
#8891a5 rgb(136,145,165)
```
#808ead
```
#808ead rgb(128,142,173)
```
#788cb5
```
#788cb5 rgb(120,140,181)
```
#7089bd
```
#7089bd rgb(112,137,189)
```
#6886c5
```
#6886c5 rgb(104,134,197)
```
#6083cd
```
#6083cd rgb(96,131,205)
```
#5880d5
```
#5880d5 rgb(88,128,213)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#487ae5
```
#487ae5 rgb(72,122,229)
```
#4077ed
```
#4077ed rgb(64,119,237)
```
#3874f5
```
#3874f5 rgb(56,116,245)
```
#3071fd
```
#3071fd rgb(48,113,253)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#727b8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5983de Protanopia 1% of men
#3a88dc Deuteranopia 1% of men
#23939d Tritanopia 0.001% of the population

Trichromacy

#5681de Protanomaly 1% of men, 0.01% of women
#4284dc Deuteranomaly 6% of men, 0.4% of women
#338bb4 Tritanomaly 0.01% of the population