#504db2 hex color

In a RGB color space, hex #504db2 is composed of 31.4% red, 30.2% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 56.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 241.8 degrees, a saturation of 39.6% and a lightness of 50%. #504db2 color hex could be obtained by blending #a09aff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 30
- B 70
RGB color chart
- C 55
- M 57
- Y 0
- K 30
CMYK color chart

● #504db2 color description : Dark moderate blue.

The hexadecimal color #504db2 has RGB values of R:80, G:77, B:178 and CMYK values of C:0.55, M:0.57, Y:0, K:0.3. Its decimal value is 5262770.

Hex triplet	504db2	`#504db2`
RGB Decimal	80, 77, 178	`rgb(80,77,178)`
RGB Percent	31.4, 30.2, 69.8	`rgb(31.4%,30.2%,69.8%)`
CMYK	55, 57, 0, 30
HSL	241.8°, 39.6, 50	`hsl(241.8,39.6%,50%)`
HSV (or HSB)	241.8°, 56.7, 69.8
Web Safe	666699	`#666699`

CIE-LAB	38.247, 30.213, -53.607
XYZ	13.996, 10.227, 43.354
xyY	0.207, 0.151, 10.227
CIE-LCH	38.247, 61.534, 299.406
CIE-LUV	38.247, -4.788, -79.01
Hunter-Lab	31.98, 22.159, -57.991
Binary	01010000, 01001101, 10110010

#504db2
```
#504db2 rgb(80,77,178)
```
#afb24d
```
#afb24d rgb(175,178,77)
```

Complementary Color

#4d7db2
```
#4d7db2 rgb(77,125,178)
```
#504db2
```
#504db2 rgb(80,77,178)
```
#834db2
```
#834db2 rgb(131,77,178)
```

Analogous Color

#7db24d
```
#7db24d rgb(125,178,77)
```
#504db2
```
#504db2 rgb(80,77,178)
```
#b2834d
```
#b2834d rgb(178,131,77)
```

Split Complementary Color

#4db250
```
#4db250 rgb(77,178,80)
```
#504db2
```
#504db2 rgb(80,77,178)
```
#b2504d
```
#b2504d rgb(178,80,77)
```

Triadic Color

#4dafb2
```
#4dafb2 rgb(77,175,178)
```
#504db2
```
#504db2 rgb(80,77,178)
```
#b2504d
```
#b2504d rgb(178,80,77)
```
#afb24d
```
#afb24d rgb(175,178,77)
```

Tetradic Color

#38367d
```
#38367d rgb(56,54,125)
```
#403e8e
```
#403e8e rgb(64,62,142)
```
#4845a0
```
#4845a0 rgb(72,69,160)
```
#504db2
```
#504db2 rgb(80,77,178)
```
#625fba
```
#625fba rgb(98,95,186)
```
#7371c1
```
#7371c1 rgb(115,113,193)
```
#8582c9
```
#8582c9 rgb(133,130,201)
```

Monochromatic Color

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

#4d63b2
```
#4d63b2 rgb(77,99,178)
```
#4d5bb2
```
#4d5bb2 rgb(77,91,178)
```
#4d52b2
```
#4d52b2 rgb(77,82,178)
```
#504db2
```
#504db2 rgb(80,77,178)
```
#584db2
```
#584db2 rgb(88,77,178)
```
#614db2
```
#614db2 rgb(97,77,178)
```
#694db2
```
#694db2 rgb(105,77,178)
```

Similar Colors

Text with hexadecimal color #504db2

This text has a font color of #504db2.

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

#504db2 background color

This paragraph has a background color of #504db2.

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

#504db2 border color

This element has a border color of #504db2.

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

CSS codes

.text {color:#504db2;}

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

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

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, #06060e is the darkest color, while #ffffff is the lightest one.

#06060e
```
#06060e rgb(6,6,14)
```
#0c0c1b
```
#0c0c1b rgb(12,12,27)
```
#121229
```
#121229 rgb(18,18,41)
```
#191837
```
#191837 rgb(25,24,55)
```
#1f1e44
```
#1f1e44 rgb(31,30,68)
```
#252452
```
#252452 rgb(37,36,82)
```
#2b2960
```
#2b2960 rgb(43,41,96)
```
#312f6e
```
#312f6e rgb(49,47,110)
```
#37357b
```
#37357b rgb(55,53,123)
```
#3e3b89
```
#3e3b89 rgb(62,59,137)
```
#444197
```
#444197 rgb(68,65,151)
```
#4a47a4
```
#4a47a4 rgb(74,71,164)
```
#504db2
```
#504db2 rgb(80,77,178)
```

Shade Color Variation

#5d5bb8
```
#5d5bb8 rgb(93,91,184)
```
#6b68be
```
#6b68be rgb(107,104,190)
```
#7876c4
```
#7876c4 rgb(120,118,196)
```
#8684ca
```
#8684ca rgb(134,132,202)
```
#9391d0
```
#9391d0 rgb(147,145,208)
```
#a19fd6
```
#a19fd6 rgb(161,159,214)
```
#aeaddb
```
#aeaddb rgb(174,173,219)
```
#bcbbe1
```
#bcbbe1 rgb(188,187,225)
```
#c9c8e7
```
#c9c8e7 rgb(201,200,231)
```
#d7d6ed
```
#d7d6ed rgb(215,214,237)
```
#e4e4f3
```
#e4e4f3 rgb(228,228,243)
```
#f2f1f9
```
#f2f1f9 rgb(242,241,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#7e7e81
```
#7e7e81 rgb(126,126,129)
```
#75748b
```
#75748b rgb(117,116,139)
```
#6c6a95
```
#6c6a95 rgb(108,106,149)
```
#62619e
```
#62619e rgb(98,97,158)
```
#5957a8
```
#5957a8 rgb(89,87,168)
```
#504db2
```
#504db2 rgb(80,77,178)
```
#4743bc
```
#4743bc rgb(71,67,188)
```
#3e39c6
```
#3e39c6 rgb(62,57,198)
```
#3430cf
```
#3430cf rgb(52,48,207)
```
#2b26d9
```
#2b26d9 rgb(43,38,217)
```
#221ce3
```
#221ce3 rgb(34,28,227)
```
#1912ed
```
#1912ed rgb(25,18,237)
```
#0f08f7
```
#0f08f7 rgb(15,8,247)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#57576b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fbb Protanopia 1% of men
#0064a5 Deuteranopia 1% of men
#386971 Tritanopia 0.001% of the population

Trichromacy

#1d58b8 Protanomaly 1% of men, 0.01% of women
#1d5baa Deuteranomaly 6% of men, 0.4% of women
#415f88 Tritanomaly 0.01% of the population

#504db2 hex color

#504db2 Color Information

#504db2 Color Conversion

Color Schemes with #504db2

Alternatives to #504db2

#504db2 Preview

Shades and Tints of #504db2

Tones of #504db2

Color Blindness Simulator