#507de3 hex color

In a RGB color space, hex #507de3 is composed of 31.4% red, 49% green and 89% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 44.9% magenta, 0% yellow and 11% black. It has a hue angle of 221.6 degrees, a saturation of 72.4% and a lightness of 60.2%. #507de3 color hex could be obtained by blending #a0faff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 49
- B 89
RGB color chart
- C 65
- M 45
- Y 0
- K 11
CMYK color chart

● #507de3 color description : Soft blue.

The hexadecimal color #507de3 has RGB values of R:80, G:125, B:227 and CMYK values of C:0.65, M:0.45, Y:0, K:0.11. Its decimal value is 5275107.

Hex triplet	507de3	`#507de3`
RGB Decimal	80, 125, 227	`rgb(80,125,227)`
RGB Percent	31.4, 49, 89	`rgb(31.4%,49%,89%)`
CMYK	65, 45, 0, 11
HSL	221.6°, 72.4, 60.2	`hsl(221.6,72.4%,60.2%)`
HSV (or HSB)	221.6°, 64.8, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.939, 16.765, -56.521
XYZ	24.504, 21.917, 75.608
xyY	0.201, 0.18, 21.917
CIE-LCH	53.939, 58.955, 286.521
CIE-LUV	53.939, -20.245, -89.959
Hunter-Lab	46.816, 11.501, -62.983
Binary	01010000, 01111101, 11100011

#507de3
```
#507de3 rgb(80,125,227)
```
#e3b650
```
#e3b650 rgb(227,182,80)
```

Complementary Color

#50c7e3
```
#50c7e3 rgb(80,199,227)
```
#507de3
```
#507de3 rgb(80,125,227)
```
#6d50e3
```
#6d50e3 rgb(109,80,227)
```

Analogous Color

#c7e350
```
#c7e350 rgb(199,227,80)
```
#507de3
```
#507de3 rgb(80,125,227)
```
#e36d50
```
#e36d50 rgb(227,109,80)
```

Split Complementary Color

#7de350
```
#7de350 rgb(125,227,80)
```
#507de3
```
#507de3 rgb(80,125,227)
```
#e3507d
```
#e3507d rgb(227,80,125)
```

Triadic Color

#50e3b6
```
#50e3b6 rgb(80,227,182)
```
#507de3
```
#507de3 rgb(80,125,227)
```
#e3507d
```
#e3507d rgb(227,80,125)
```
#e3b650
```
#e3b650 rgb(227,182,80)
```

Tetradic Color

#2053c7
```
#2053c7 rgb(32,83,199)
```
#245cdc
```
#245cdc rgb(36,92,220)
```
#3a6ddf
```
#3a6ddf rgb(58,109,223)
```
#507de3
```
#507de3 rgb(80,125,227)
```
#668de7
```
#668de7 rgb(102,141,231)
```
#7c9eea
```
#7c9eea rgb(124,158,234)
```
#92aeee
```
#92aeee rgb(146,174,238)
```

Monochromatic Color

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

#50a2e3
```
#50a2e3 rgb(80,162,227)
```
#5096e3
```
#5096e3 rgb(80,150,227)
```
#5089e3
```
#5089e3 rgb(80,137,227)
```
#507de3
```
#507de3 rgb(80,125,227)
```
#5071e3
```
#5071e3 rgb(80,113,227)
```
#5065e3
```
#5065e3 rgb(80,101,227)
```
#5058e3
```
#5058e3 rgb(80,88,227)
```

Similar Colors

Text with hexadecimal color #507de3

This text has a font color of #507de3.

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

#507de3 background color

This paragraph has a background color of #507de3.

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

#507de3 border color

This element has a border color of #507de3.

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

CSS codes

.text {color:#507de3;}

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

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

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, #02050b is the darkest color, while #f9fbfe is the lightest one.

#02050b
```
#02050b rgb(2,5,11)
```
#040c1c
```
#040c1c rgb(4,12,28)
```
#07132d
```
#07132d rgb(7,19,45)
```
#0a1a3e
```
#0a1a3e rgb(10,26,62)
```
#0d214f
```
#0d214f rgb(13,33,79)
```
#0f2860
```
#0f2860 rgb(15,40,96)
```
#122f70
```
#122f70 rgb(18,47,112)
```
#153681
```
#153681 rgb(21,54,129)
```
#173d92
```
#173d92 rgb(23,61,146)
```
#1a44a3
```
#1a44a3 rgb(26,68,163)
```
#1d4bb4
```
#1d4bb4 rgb(29,75,180)
```
#2052c5
```
#2052c5 rgb(32,82,197)
```
#2259d6
```
#2259d6 rgb(34,89,214)
```

Shade Color Variation

#2e64de
```
#2e64de rgb(46,100,222)
```
#3f70e0
```
#3f70e0 rgb(63,112,224)
```
#507de3
```
#507de3 rgb(80,125,227)
```
#618ae6
```
#618ae6 rgb(97,138,230)
```
#7296e8
```
#7296e8 rgb(114,150,232)
```
#83a3eb
```
#83a3eb rgb(131,163,235)
```
#94afee
```
#94afee rgb(148,175,238)
```
#a5bcf1
```
#a5bcf1 rgb(165,188,241)
```
#b5c8f3
```
#b5c8f3 rgb(181,200,243)
```
#c6d5f6
```
#c6d5f6 rgb(198,213,246)
```
#d7e1f9
```
#d7e1f9 rgb(215,225,249)
```
#e8eefb
```
#e8eefb rgb(232,238,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#96989d
```
#96989d rgb(150,152,157)
```
#8e95a5
```
#8e95a5 rgb(142,149,165)
```
#8792ac
```
#8792ac rgb(135,146,172)
```
#7f8fb4
```
#7f8fb4 rgb(127,143,180)
```
#778cbc
```
#778cbc rgb(119,140,188)
```
#6f89c4
```
#6f89c4 rgb(111,137,196)
```
#6786cc
```
#6786cc rgb(103,134,204)
```
#6083d3
```
#6083d3 rgb(96,131,211)
```
#5880db
```
#5880db rgb(88,128,219)
```
#507de3
```
#507de3 rgb(80,125,227)
```
#487aeb
```
#487aeb rgb(72,122,235)
```
#4077f3
```
#4077f3 rgb(64,119,243)
```
#3974fa
```
#3974fa rgb(57,116,250)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#727b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5584e4 Protanopia 1% of men
#2c89e2 Deuteranopia 1% of men
#13949f Tritanopia 0.001% of the population

Trichromacy

#5381e4 Protanomaly 1% of men, 0.01% of women
#3984e2 Deuteranomaly 6% of men, 0.4% of women
#298bb7 Tritanomaly 0.01% of the population

#507de3 hex color

#507de3 Color Information

#507de3 Color Conversion

Color Schemes with #507de3

Alternatives to #507de3

#507de3 Preview

Shades and Tints of #507de3

Tones of #507de3

Color Blindness Simulator