#507adb hex color

In a RGB color space, hex #507adb is composed of 31.4% red, 47.8% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 44.3% magenta, 0% yellow and 14.1% black. It has a hue angle of 221.9 degrees, a saturation of 65.9% and a lightness of 58.6%. #507adb color hex could be obtained by blending #a0f4ff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 31
- G 48
- B 86
RGB color chart
- C 63
- M 44
- Y 0
- K 14
CMYK color chart

● #507adb color description : Soft blue.

The hexadecimal color #507adb has RGB values of R:80, G:122, B:219 and CMYK values of C:0.63, M:0.44, Y:0, K:0.14. Its decimal value is 5274331.

Hex triplet	507adb	`#507adb`
RGB Decimal	80, 122, 219	`rgb(80,122,219)`
RGB Percent	31.4, 47.8, 85.9	`rgb(31.4%,47.8%,85.9%)`
CMYK	63, 44, 0, 14
HSL	221.9°, 65.9, 58.6	`hsl(221.9,65.9%,58.6%)`
HSV (or HSB)	221.9°, 63.5, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.661, 15.856, -54.07
XYZ	23.051, 20.738, 69.802
xyY	0.203, 0.183, 20.738
CIE-LCH	52.661, 56.347, 286.344
CIE-LUV	52.661, -19.303, -85.539
Hunter-Lab	45.539, 10.663, -59.003
Binary	01010000, 01111010, 11011011

#507adb
```
#507adb rgb(80,122,219)
```
#dbb150
```
#dbb150 rgb(219,177,80)
```

Complementary Color

#50c0db
```
#50c0db rgb(80,192,219)
```
#507adb
```
#507adb rgb(80,122,219)
```
#6c50db
```
#6c50db rgb(108,80,219)
```

Analogous Color

#c0db50
```
#c0db50 rgb(192,219,80)
```
#507adb
```
#507adb rgb(80,122,219)
```
#db6c50
```
#db6c50 rgb(219,108,80)
```

Split Complementary Color

#7adb50
```
#7adb50 rgb(122,219,80)
```
#507adb
```
#507adb rgb(80,122,219)
```
#db507a
```
#db507a rgb(219,80,122)
```

Triadic Color

#50dbb1
```
#50dbb1 rgb(80,219,177)
```
#507adb
```
#507adb rgb(80,122,219)
```
#db507a
```
#db507a rgb(219,80,122)
```
#dbb150
```
#dbb150 rgb(219,177,80)
```

Tetradic Color

#2652b9
```
#2652b9 rgb(38,82,185)
```
#2a5cce
```
#2a5cce rgb(42,92,206)
```
#3b6ad7
```
#3b6ad7 rgb(59,106,215)
```
#507adb
```
#507adb rgb(80,122,219)
```
#658adf
```
#658adf rgb(101,138,223)
```
#7a9ae4
```
#7a9ae4 rgb(122,154,228)
```
#8faae8
```
#8faae8 rgb(143,170,232)
```

Monochromatic Color

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

#509ddb
```
#509ddb rgb(80,157,219)
```
#5091db
```
#5091db rgb(80,145,219)
```
#5086db
```
#5086db rgb(80,134,219)
```
#507adb
```
#507adb rgb(80,122,219)
```
#506edb
```
#506edb rgb(80,110,219)
```
#5063db
```
#5063db rgb(80,99,219)
```
#5057db
```
#5057db rgb(80,87,219)
```

Similar Colors

Text with hexadecimal color #507adb

This text has a font color of #507adb.

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

#507adb background color

This paragraph has a background color of #507adb.

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

#507adb border color

This element has a border color of #507adb.

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

CSS codes

.text {color:#507adb;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040914
```
#040914 rgb(4,9,20)
```
#081024
```
#081024 rgb(8,16,36)
```
#0b1835
```
#0b1835 rgb(11,24,53)
```
#0e1f45
```
#0e1f45 rgb(14,31,69)
```
#122655
```
#122655 rgb(18,38,85)
```
#152d66
```
#152d66 rgb(21,45,102)
```
#183576
```
#183576 rgb(24,53,118)
```
#1c3c86
```
#1c3c86 rgb(28,60,134)
```
#1f4396
```
#1f4396 rgb(31,67,150)
```
#224aa7
```
#224aa7 rgb(34,74,167)
```
#2652b7
```
#2652b7 rgb(38,82,183)
```
#2959c7
```
#2959c7 rgb(41,89,199)
```

Shade Color Variation

#2f61d4
```
#2f61d4 rgb(47,97,212)
```
#406ed8
```
#406ed8 rgb(64,110,216)
```
#507adb
```
#507adb rgb(80,122,219)
```
#6086de
```
#6086de rgb(96,134,222)
```
#7193e2
```
#7193e2 rgb(113,147,226)
```
#819fe5
```
#819fe5 rgb(129,159,229)
```
#91abe8
```
#91abe8 rgb(145,171,232)
```
#a1b8ec
```
#a1b8ec rgb(161,184,236)
```
#b2c4ef
```
#b2c4ef rgb(178,196,239)
```
#c2d1f2
```
#c2d1f2 rgb(194,209,242)
```
#d2ddf6
```
#d2ddf6 rgb(210,221,246)
```
#e2e9f9
```
#e2e9f9 rgb(226,233,249)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91949a is the less saturated color, while #306dfb is the most saturated one.

#91949a
```
#91949a rgb(145,148,154)
```
#8990a2
```
#8990a2 rgb(137,144,162)
```
#818daa
```
#818daa rgb(129,141,170)
```
#798ab2
```
#798ab2 rgb(121,138,178)
```
#7087bb
```
#7087bb rgb(112,135,187)
```
#6884c3
```
#6884c3 rgb(104,132,195)
```
#6080cb
```
#6080cb rgb(96,128,203)
```
#587dd3
```
#587dd3 rgb(88,125,211)
```
#507adb
```
#507adb rgb(80,122,219)
```
#4877e3
```
#4877e3 rgb(72,119,227)
```
#4074eb
```
#4074eb rgb(64,116,235)
```
#3870f3
```
#3870f3 rgb(56,112,243)
```
#306dfb
```
#306dfb rgb(48,109,251)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#71798d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5581dd Protanopia 1% of men
#3486da Deuteranopia 1% of men
#24909b Tritanopia 0.001% of the population

Trichromacy

#537edc Protanomaly 1% of men, 0.01% of women
#3e81da Deuteranomaly 6% of men, 0.4% of women
#3488b2 Tritanomaly 0.01% of the population

#507adb hex color

#507adb Color Information

#507adb Color Conversion

Color Schemes with #507adb

Alternatives to #507adb

#507adb Preview

Shades and Tints of #507adb

Tones of #507adb

Color Blindness Simulator