#507fdf hex color

In a RGB color space, hex #507fdf is composed of 31.4% red, 49.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 64.1% cyan, 43% magenta, 0% yellow and 12.5% black. It has a hue angle of 220.3 degrees, a saturation of 69.1% and a lightness of 59.4%. #507fdf color hex could be obtained by blending #a0feff with #0000bf. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 50
- B 87
RGB color chart
- C 64
- M 43
- Y 0
- K 13
CMYK color chart

● #507fdf color description : Soft blue.

The hexadecimal color #507fdf has RGB values of R:80, G:127, B:223 and CMYK values of C:0.64, M:0.43, Y:0, K:0.13. Its decimal value is 5275615.

Hex triplet	507fdf	`#507fdf`
RGB Decimal	80, 127, 223	`rgb(80,127,223)`
RGB Percent	31.4, 49.8, 87.5	`rgb(31.4%,49.8%,87.5%)`
CMYK	64, 43, 0, 13
HSL	220.3°, 69.1, 59.4	`hsl(220.3,69.1%,59.4%)`
HSV (or HSB)	220.3°, 64.1, 87.5
Web Safe	6666cc	`#6666cc`

CIE-LAB	54.25, 14.166, -53.781
XYZ	24.214, 22.21, 72.819
xyY	0.203, 0.186, 22.21
CIE-LCH	54.25, 55.615, 284.757
CIE-LUV	54.25, -20.901, -85.472
Hunter-Lab	47.128, 9.238, -58.621
Binary	01010000, 01111111, 11011111

#507fdf
```
#507fdf rgb(80,127,223)
```
#dfb050
```
#dfb050 rgb(223,176,80)
```

Complementary Color

#50c7df
```
#50c7df rgb(80,199,223)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#6950df
```
#6950df rgb(105,80,223)
```

Analogous Color

#c7df50
```
#c7df50 rgb(199,223,80)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#df6950
```
#df6950 rgb(223,105,80)
```

Split Complementary Color

#7fdf50
```
#7fdf50 rgb(127,223,80)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#df507f
```
#df507f rgb(223,80,127)
```

Triadic Color

#50dfb0
```
#50dfb0 rgb(80,223,176)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#df507f
```
#df507f rgb(223,80,127)
```
#dfb050
```
#dfb050 rgb(223,176,80)
```

Tetradic Color

#2356bf
```
#2356bf rgb(35,86,191)
```
#2760d5
```
#2760d5 rgb(39,96,213)
```
#3a6fdb
```
#3a6fdb rgb(58,111,219)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#668fe3
```
#668fe3 rgb(102,143,227)
```
#7b9fe7
```
#7b9fe7 rgb(123,159,231)
```
#91aeeb
```
#91aeeb rgb(145,174,235)
```

Monochromatic Color

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

#50a3df
```
#50a3df rgb(80,163,223)
```
#5097df
```
#5097df rgb(80,151,223)
```
#508bdf
```
#508bdf rgb(80,139,223)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#5073df
```
#5073df rgb(80,115,223)
```
#5067df
```
#5067df rgb(80,103,223)
```
#505bdf
```
#505bdf rgb(80,91,223)
```

Similar Colors

Text with hexadecimal color #507fdf

This text has a font color of #507fdf.

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

#507fdf background color

This paragraph has a background color of #507fdf.

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

#507fdf border color

This element has a border color of #507fdf.

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

CSS codes

.text {color:#507fdf;}

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

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

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

#010307
```
#010307 rgb(1,3,7)
```
#040b18
```
#040b18 rgb(4,11,24)
```
#071229
```
#071229 rgb(7,18,41)
```
#0a1a39
```
#0a1a39 rgb(10,26,57)
```
#0d214a
```
#0d214a rgb(13,33,74)
```
#11295a
```
#11295a rgb(17,41,90)
```
#14306b
```
#14306b rgb(20,48,107)
```
#17387b
```
#17387b rgb(23,56,123)
```
#1a3f8c
```
#1a3f8c rgb(26,63,140)
```
#1d479d
```
#1d479d rgb(29,71,157)
```
#204ead
```
#204ead rgb(32,78,173)
```
#2356be
```
#2356be rgb(35,86,190)
```
#265dce
```
#265dce rgb(38,93,206)
```

Shade Color Variation

#2f67d9
```
#2f67d9 rgb(47,103,217)
```
#3f73dc
```
#3f73dc rgb(63,115,220)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#618be2
```
#618be2 rgb(97,139,226)
```
#7197e5
```
#7197e5 rgb(113,151,229)
```
#82a3e8
```
#82a3e8 rgb(130,163,232)
```
#92b0eb
```
#92b0eb rgb(146,176,235)
```
#a3bcee
```
#a3bcee rgb(163,188,238)
```
#b3c8f1
```
#b3c8f1 rgb(179,200,241)
```
#c4d4f4
```
#c4d4f4 rgb(196,212,244)
```
#d5e0f7
```
#d5e0f7 rgb(213,224,247)
```
#e5ecfa
```
#e5ecfa rgb(229,236,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90959f is the less saturated color, while #3074ff is the most saturated one.

#90959f
```
#90959f rgb(144,149,159)
```
#8892a7
```
#8892a7 rgb(136,146,167)
```
#808faf
```
#808faf rgb(128,143,175)
```
#788db7
```
#788db7 rgb(120,141,183)
```
#708abf
```
#708abf rgb(112,138,191)
```
#6887c7
```
#6887c7 rgb(104,135,199)
```
#6084cf
```
#6084cf rgb(96,132,207)
```
#5882d7
```
#5882d7 rgb(88,130,215)
```
#507fdf
```
#507fdf rgb(80,127,223)
```
#487ce7
```
#487ce7 rgb(72,124,231)
```
#407aef
```
#407aef rgb(64,122,239)
```
#3877f7
```
#3877f7 rgb(56,119,247)
```
#3074ff
```
#3074ff rgb(48,116,255)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#737d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b85e0 Protanopia 1% of men
#3c89de Deuteranopia 1% of men
#21949f Tritanopia 0.001% of the population

Trichromacy

#5783df Protanomaly 1% of men, 0.01% of women
#4385de Deuteranomaly 6% of men, 0.4% of women
#328cb6 Tritanomaly 0.01% of the population

#507fdf hex color

#507fdf Color Information

#507fdf Color Conversion

Color Schemes with #507fdf

Alternatives to #507fdf

#507fdf Preview

Shades and Tints of #507fdf

Tones of #507fdf

Color Blindness Simulator