#504da7 hex color

In a RGB color space, hex #504da7 is composed of 31.4% red, 30.2% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 52.1% cyan, 53.9% magenta, 0% yellow and 34.5% black. It has a hue angle of 242 degrees, a saturation of 36.9% and a lightness of 47.8%. #504da7 color hex could be obtained by blending #a09aff with #00004f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 30
- B 65
RGB color chart
- C 52
- M 54
- Y 0
- K 35
CMYK color chart

● #504da7 color description : Dark moderate blue.

The hexadecimal color #504da7 has RGB values of R:80, G:77, B:167 and CMYK values of C:0.52, M:0.54, Y:0, K:0.35. Its decimal value is 5262759.

Hex triplet	504da7	`#504da7`
RGB Decimal	80, 77, 167	`rgb(80,77,167)`
RGB Percent	31.4, 30.2, 65.5	`rgb(31.4%,30.2%,65.5%)`
CMYK	52, 54, 0, 35
HSL	242°, 36.9, 47.8	`hsl(242,36.9%,47.8%)`
HSV (or HSB)	242°, 53.9, 65.5
Web Safe	666699	`#666699`

CIE-LAB	37.486, 26.647, -48.306
XYZ	12.936, 9.803, 37.768
xyY	0.214, 0.162, 9.803
CIE-LCH	37.486, 55.168, 298.882
CIE-LUV	37.486, -4.142, -70.904
Hunter-Lab	31.309, 18.958, -49.603
Binary	01010000, 01001101, 10100111

#504da7
```
#504da7 rgb(80,77,167)
```
#a4a74d
```
#a4a74d rgb(164,167,77)
```

Complementary Color

#4d77a7
```
#4d77a7 rgb(77,119,167)
```
#504da7
```
#504da7 rgb(80,77,167)
```
#7d4da7
```
#7d4da7 rgb(125,77,167)
```

Analogous Color

#77a74d
```
#77a74d rgb(119,167,77)
```
#504da7
```
#504da7 rgb(80,77,167)
```
#a77d4d
```
#a77d4d rgb(167,125,77)
```

Split Complementary Color

#4da750
```
#4da750 rgb(77,167,80)
```
#504da7
```
#504da7 rgb(80,77,167)
```
#a7504d
```
#a7504d rgb(167,80,77)
```

Triadic Color

#4da4a7
```
#4da4a7 rgb(77,164,167)
```
#504da7
```
#504da7 rgb(80,77,167)
```
#a7504d
```
#a7504d rgb(167,80,77)
```
#a4a74d
```
#a4a74d rgb(164,167,77)
```

Tetradic Color

#373573
```
#373573 rgb(55,53,115)
```
#3f3d84
```
#3f3d84 rgb(63,61,132)
```
#484596
```
#484596 rgb(72,69,150)
```
#504da7
```
#504da7 rgb(80,77,167)
```
#5d5ab3
```
#5d5ab3 rgb(93,90,179)
```
#6e6cbb
```
#6e6cbb rgb(110,108,187)
```
#807dc3
```
#807dc3 rgb(128,125,195)
```

Monochromatic Color

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

#4d60a7
```
#4d60a7 rgb(77,96,167)
```
#4d59a7
```
#4d59a7 rgb(77,89,167)
```
#4d51a7
```
#4d51a7 rgb(77,81,167)
```
#504da7
```
#504da7 rgb(80,77,167)
```
#584da7
```
#584da7 rgb(88,77,167)
```
#5f4da7
```
#5f4da7 rgb(95,77,167)
```
#674da7
```
#674da7 rgb(103,77,167)
```

Similar Colors

Text with hexadecimal color #504da7

This text has a font color of #504da7.

<span style="color:#504da7;">Text here</span>

#504da7 background color

This paragraph has a background color of #504da7.

<p style="background-color:#504da7;">Content here</p>

#504da7 border color

This element has a border color of #504da7.

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

CSS codes

.text {color:#504da7;}

.background {background-color:#504da7;}

.border {border:1px solid #504da7;}

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

#030306
```
#030306 rgb(3,3,6)
```
#090913
```
#090913 rgb(9,9,19)
```
#100f21
```
#100f21 rgb(16,15,33)
```
#16152e
```
#16152e rgb(22,21,46)
```
#1d1b3c
```
#1d1b3c rgb(29,27,60)
```
#232249
```
#232249 rgb(35,34,73)
```
#292856
```
#292856 rgb(41,40,86)
```
#302e64
```
#302e64 rgb(48,46,100)
```
#363471
```
#363471 rgb(54,52,113)
```
#3d3a7f
```
#3d3a7f rgb(61,58,127)
```
#43418c
```
#43418c rgb(67,65,140)
```
#4a479a
```
#4a479a rgb(74,71,154)
```
#504da7
```
#504da7 rgb(80,77,167)
```

Shade Color Variation

#5956b1
```
#5956b1 rgb(89,86,177)
```
#6764b7
```
#6764b7 rgb(103,100,183)
```
#7471be
```
#7471be rgb(116,113,190)
```
#817fc4
```
#817fc4 rgb(129,127,196)
```
#8e8cca
```
#8e8cca rgb(142,140,202)
```
#9b99d0
```
#9b99d0 rgb(155,153,208)
```
#a9a7d6
```
#a9a7d6 rgb(169,167,214)
```
#b6b4dd
```
#b6b4dd rgb(182,180,221)
```
#c3c2e3
```
#c3c2e3 rgb(195,194,227)
```
#d0cfe9
```
#d0cfe9 rgb(208,207,233)
```
#ddddef
```
#ddddef rgb(221,221,239)
```
#eaeaf5
```
#eaeaf5 rgb(234,234,245)
```
#f8f7fc
```
#f8f7fc rgb(248,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737381 is the less saturated color, while #0a02f2 is the most saturated one.

#737381
```
#737381 rgb(115,115,129)
```
#6a698b
```
#6a698b rgb(106,105,139)
```
#626094
```
#626094 rgb(98,96,148)
```
#59569e
```
#59569e rgb(89,86,158)
```
#504da7
```
#504da7 rgb(80,77,167)
```
#4744b0
```
#4744b0 rgb(71,68,176)
```
#3e3aba
```
#3e3aba rgb(62,58,186)
```
#3631c3
```
#3631c3 rgb(54,49,195)
```
#2d27cd
```
#2d27cd rgb(45,39,205)
```
#241ed6
```
#241ed6 rgb(36,30,214)
```
#1b15df
```
#1b15df rgb(27,21,223)
```
#130be9
```
#130be9 rgb(19,11,233)
```
#0a02f2
```
#0a02f2 rgb(10,2,242)
```

Tone Color Variation

Below, you can see how #504da7 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

#585858 Achromatopsia 0.005% of the population
#565668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#245eb2 Protanopia 1% of men
#0062a3 Deuteranopia 1% of men
#3f666e Tritanopia 0.001% of the population

Trichromacy

#3457ae Protanomaly 1% of men, 0.01% of women
#1d5aa5 Deuteranomaly 6% of men, 0.4% of women
#455d82 Tritanomaly 0.01% of the population

#504da7 hex color

#504da7 Color Information

#504da7 Color Conversion

Color Schemes with #504da7

Alternatives to #504da7

#504da7 Preview

Shades and Tints of #504da7

Tones of #504da7

Color Blindness Simulator