#507daa hex color

In a RGB color space, hex #507daa is composed of 31.4% red, 49% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 26.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 210 degrees, a saturation of 36% and a lightness of 49%. #507daa color hex could be obtained by blending #a0faff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 49
- B 67
RGB color chart
- C 53
- M 26
- Y 0
- K 33
CMYK color chart

● #507daa color description : Dark moderate blue.

The hexadecimal color #507daa has RGB values of R:80, G:125, B:170 and CMYK values of C:0.53, M:0.26, Y:0, K:0.33. Its decimal value is 5275050.

Hex triplet	507daa	`#507daa`
RGB Decimal	80, 125, 170	`rgb(80,125,170)`
RGB Percent	31.4, 49, 66.7	`rgb(31.4%,49%,66.7%)`
CMYK	53, 26, 0, 33
HSL	210°, 36, 49	`hsl(210,36%,49%)`
HSV (or HSB)	210°, 52.9, 66.7
Web Safe	666699	`#666699`

CIE-LAB	51.006, -2.243, -28.666
XYZ	17.896, 19.274, 40.805
xyY	0.23, 0.247, 19.274
CIE-LCH	51.006, 28.754, 265.526
CIE-LUV	51.006, -20.65, -42.692
Hunter-Lab	43.902, -4.067, -24.376
Binary	01010000, 01111101, 10101010

#507daa
```
#507daa rgb(80,125,170)
```
#aa7d50
```
#aa7d50 rgb(170,125,80)
```

Complementary Color

#50aaaa
```
#50aaaa rgb(80,170,170)
```
#507daa
```
#507daa rgb(80,125,170)
```
#5050aa
```
#5050aa rgb(80,80,170)
```

Analogous Color

#aaaa50
```
#aaaa50 rgb(170,170,80)
```
#507daa
```
#507daa rgb(80,125,170)
```
#aa5050
```
#aa5050 rgb(170,80,80)
```

Split Complementary Color

#7daa50
```
#7daa50 rgb(125,170,80)
```
#507daa
```
#507daa rgb(80,125,170)
```
#aa507d
```
#aa507d rgb(170,80,125)
```

Triadic Color

#50aa7d
```
#50aa7d rgb(80,170,125)
```
#507daa
```
#507daa rgb(80,125,170)
```
#aa507d
```
#aa507d rgb(170,80,125)
```
#aa7d50
```
#aa7d50 rgb(170,125,80)
```

Tetradic Color

#385776
```
#385776 rgb(56,87,118)
```
#406487
```
#406487 rgb(64,100,135)
```
#487099
```
#487099 rgb(72,112,153)
```
#507daa
```
#507daa rgb(80,125,170)
```
#608ab4
```
#608ab4 rgb(96,138,180)
```
#7197bc
```
#7197bc rgb(113,151,188)
```
#82a3c4
```
#82a3c4 rgb(130,163,196)
```

Monochromatic Color

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

#5094aa
```
#5094aa rgb(80,148,170)
```
#508caa
```
#508caa rgb(80,140,170)
```
#5085aa
```
#5085aa rgb(80,133,170)
```
#507daa
```
#507daa rgb(80,125,170)
```
#5076aa
```
#5076aa rgb(80,118,170)
```
#506eaa
```
#506eaa rgb(80,110,170)
```
#5067aa
```
#5067aa rgb(80,103,170)
```

Similar Colors

Text with hexadecimal color #507daa

This text has a font color of #507daa.

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

#507daa background color

This paragraph has a background color of #507daa.

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

#507daa border color

This element has a border color of #507daa.

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

CSS codes

.text {color:#507daa;}

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

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

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, #05070a is the darkest color, while #fcfdfd is the lightest one.

#05070a
```
#05070a rgb(5,7,10)
```
#0b1117
```
#0b1117 rgb(11,17,23)
```
#111b25
```
#111b25 rgb(17,27,37)
```
#182532
```
#182532 rgb(24,37,50)
```
#1e2f3f
```
#1e2f3f rgb(30,47,63)
```
#24384d
```
#24384d rgb(36,56,77)
```
#2a425a
```
#2a425a rgb(42,66,90)
```
#314c67
```
#314c67 rgb(49,76,103)
```
#375675
```
#375675 rgb(55,86,117)
```
#3d6082
```
#3d6082 rgb(61,96,130)
```
#43698f
```
#43698f rgb(67,105,143)
```
#4a739d
```
#4a739d rgb(74,115,157)
```
#507daa
```
#507daa rgb(80,125,170)
```

Shade Color Variation

#5c87b2
```
#5c87b2 rgb(92,135,178)
```
#6991b8
```
#6991b8 rgb(105,145,184)
```
#769abf
```
#769abf rgb(118,154,191)
```
#84a4c5
```
#84a4c5 rgb(132,164,197)
```
#91aecb
```
#91aecb rgb(145,174,203)
```
#9eb8d1
```
#9eb8d1 rgb(158,184,209)
```
#acc2d8
```
#acc2d8 rgb(172,194,216)
```
#b9cbde
```
#b9cbde rgb(185,203,222)
```
#c6d5e4
```
#c6d5e4 rgb(198,213,228)
```
#d4dfeb
```
#d4dfeb rgb(212,223,235)
```
#e1e9f1
```
#e1e9f1 rgb(225,233,241)
```
#eef3f7
```
#eef3f7 rgb(238,243,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767d84 is the less saturated color, while #037df7 is the most saturated one.

#767d84
```
#767d84 rgb(118,125,132)
```
#6d7d8d
```
#6d7d8d rgb(109,125,141)
```
#637d97
```
#637d97 rgb(99,125,151)
```
#5a7da0
```
#5a7da0 rgb(90,125,160)
```
#507daa
```
#507daa rgb(80,125,170)
```
#467db4
```
#467db4 rgb(70,125,180)
```
#3d7dbd
```
#3d7dbd rgb(61,125,189)
```
#337dc7
```
#337dc7 rgb(51,125,199)
```
#2a7dd0
```
#2a7dd0 rgb(42,125,208)
```
#207dda
```
#207dda rgb(32,125,218)
```
#167de4
```
#167de4 rgb(22,125,228)
```
#0d7ded
```
#0d7ded rgb(13,125,237)
```
#037df7
```
#037df7 rgb(3,125,247)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e7780 Atypical Achromatopsia 0.001% of the population

Dichromacy

#727eab Protanopia 1% of men
#6d7fb0 Deuteranopia 1% of men
#4d8993 Tritanopia 0.001% of the population

Trichromacy

#657eaa Protanomaly 1% of men, 0.01% of women
#627ead Deuteranomaly 6% of men, 0.4% of women
#4e849b Tritanomaly 0.01% of the population

#507daa hex color

#507daa Color Information

#507daa Color Conversion

Color Schemes with #507daa

Alternatives to #507daa

#507daa Preview

Shades and Tints of #507daa

Tones of #507daa

Color Blindness Simulator