#3d509d hex color

In a RGB color space, hex #3d509d is composed of 23.9% red, 31.4% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 49% magenta, 0% yellow and 38.4% black. It has a hue angle of 228.1 degrees, a saturation of 44% and a lightness of 42.7%. #3d509d color hex could be obtained by blending #7aa0ff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 24
- G 31
- B 62
RGB color chart
- C 61
- M 49
- Y 0
- K 38
CMYK color chart

● #3d509d color description : Dark moderate blue.

The hexadecimal color #3d509d has RGB values of R:61, G:80, B:157 and CMYK values of C:0.61, M:0.49, Y:0, K:0.38. Its decimal value is 4018333.

Hex triplet	3d509d	`#3d509d`
RGB Decimal	61, 80, 157	`rgb(61,80,157)`
RGB Percent	23.9, 31.4, 61.6	`rgb(23.9%,31.4%,61.6%)`
CMYK	61, 49, 0, 38
HSL	228.1°, 44, 42.7	`hsl(228.1,44%,42.7%)`
HSV (or HSB)	228.1°, 61.1, 61.6
Web Safe	336699	`#336699`

CIE-LAB	36.297, 17.339, -44.301
XYZ	10.878, 9.163, 33.092
xyY	0.205, 0.172, 9.163
CIE-LCH	36.297, 47.573, 291.375
CIE-LUV	36.297, -10.433, -63.826
Hunter-Lab	30.271, 11.169, -43.626
Binary	00111101, 01010000, 10011101

#3d509d
```
#3d509d rgb(61,80,157)
```
#9d8a3d
```
#9d8a3d rgb(157,138,61)
```

Complementary Color

#3d809d
```
#3d809d rgb(61,128,157)
```
#3d509d
```
#3d509d rgb(61,80,157)
```
#5a3d9d
```
#5a3d9d rgb(90,61,157)
```

Analogous Color

#809d3d
```
#809d3d rgb(128,157,61)
```
#3d509d
```
#3d509d rgb(61,80,157)
```
#9d5a3d
```
#9d5a3d rgb(157,90,61)
```

Split Complementary Color

#509d3d
```
#509d3d rgb(80,157,61)
```
#3d509d
```
#3d509d rgb(61,80,157)
```
#9d3d50
```
#9d3d50 rgb(157,61,80)
```

Triadic Color

#3d9d8a
```
#3d9d8a rgb(61,157,138)
```
#3d509d
```
#3d509d rgb(61,80,157)
```
#9d3d50
```
#9d3d50 rgb(157,61,80)
```
#9d8a3d
```
#9d8a3d rgb(157,138,61)
```

Tetradic Color

#283466
```
#283466 rgb(40,52,102)
```
#2f3d78
```
#2f3d78 rgb(47,61,120)
```
#36478b
```
#36478b rgb(54,71,139)
```
#3d509d
```
#3d509d rgb(61,80,157)
```
#4459af
```
#4459af rgb(68,89,175)
```
#5166bc
```
#5166bc rgb(81,102,188)
```
#6477c3
```
#6477c3 rgb(100,119,195)
```

Monochromatic Color

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

#3d689d
```
#3d689d rgb(61,104,157)
```
#3d609d
```
#3d609d rgb(61,96,157)
```
#3d589d
```
#3d589d rgb(61,88,157)
```
#3d509d
```
#3d509d rgb(61,80,157)
```
#3d489d
```
#3d489d rgb(61,72,157)
```
#3d409d
```
#3d409d rgb(61,64,157)
```
#423d9d
```
#423d9d rgb(66,61,157)
```

Similar Colors

Text with hexadecimal color #3d509d

This text has a font color of #3d509d.

<span style="color:#3d509d;">Text here</span>

#3d509d background color

This paragraph has a background color of #3d509d.

<p style="background-color:#3d509d;">Content here</p>

#3d509d border color

This element has a border color of #3d509d.

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

CSS codes

.text {color:#3d509d;}

.background {background-color:#3d509d;}

.border {border:1px solid #3d509d;}

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

#010102
```
#010102 rgb(1,1,2)
```
#060810
```
#060810 rgb(6,8,16)
```
#0c0f1e
```
#0c0f1e rgb(12,15,30)
```
#11162c
```
#11162c rgb(17,22,44)
```
#171e3a
```
#171e3a rgb(23,30,58)
```
#1c2548
```
#1c2548 rgb(28,37,72)
```
#222c56
```
#222c56 rgb(34,44,86)
```
#273364
```
#273364 rgb(39,51,100)
```
#2d3a73
```
#2d3a73 rgb(45,58,115)
```
#324281
```
#324281 rgb(50,66,129)
```
#38498f
```
#38498f rgb(56,73,143)
```
#3d509d
```
#3d509d rgb(61,80,157)
```
#4257ab
```
#4257ab rgb(66,87,171)
```

Shade Color Variation

#495fb8
```
#495fb8 rgb(73,95,184)
```
#576bbe
```
#576bbe rgb(87,107,190)
```
#6578c3
```
#6578c3 rgb(101,120,195)
```
#7384c9
```
#7384c9 rgb(115,132,201)
```
#8191ce
```
#8191ce rgb(129,145,206)
```
#909dd4
```
#909dd4 rgb(144,157,212)
```
#9ea9d9
```
#9ea9d9 rgb(158,169,217)
```
#acb6df
```
#acb6df rgb(172,182,223)
```
#bac2e4
```
#bac2e4 rgb(186,194,228)
```
#c8cfea
```
#c8cfea rgb(200,207,234)
```
#d6dbef
```
#d6dbef rgb(214,219,239)
```
#e4e8f5
```
#e4e8f5 rgb(228,232,245)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

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

#676973
```
#676973 rgb(103,105,115)
```
#5f647b
```
#5f647b rgb(95,100,123)
```
#565f84
```
#565f84 rgb(86,95,132)
```
#4e5a8c
```
#4e5a8c rgb(78,90,140)
```
#455595
```
#455595 rgb(69,85,149)
```
#3d509d
```
#3d509d rgb(61,80,157)
```
#354ba5
```
#354ba5 rgb(53,75,165)
```
#2c46ae
```
#2c46ae rgb(44,70,174)
```
#2441b6
```
#2441b6 rgb(36,65,182)
```
#1b3cbf
```
#1b3cbf rgb(27,60,191)
```
#1337c7
```
#1337c7 rgb(19,55,199)
```
#0b32cf
```
#0b32cf rgb(11,50,207)
```
#022dd8
```
#022dd8 rgb(2,45,216)
```

Tone Color Variation

Below, you can see how #3d509d 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

#535353 Achromatopsia 0.005% of the population
#4f5262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#345ba4 Protanopia 1% of men
#0f5f9f Deuteranopia 1% of men
#26666d Tritanopia 0.001% of the population

Trichromacy

#3757a1 Protanomaly 1% of men, 0.01% of women
#20599e Deuteranomaly 6% of men, 0.4% of women
#2e5e7e Tritanomaly 0.01% of the population

#3d509d hex color

#3d509d Color Information

#3d509d Color Conversion

Color Schemes with #3d509d

Alternatives to #3d509d

#3d509d Preview

Shades and Tints of #3d509d

Tones of #3d509d

Color Blindness Simulator