#3d50cf hex color

In a RGB color space, hex #3d50cf is composed of 23.9% red, 31.4% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 61.4% magenta, 0% yellow and 18.8% black. It has a hue angle of 232.2 degrees, a saturation of 60.3% and a lightness of 52.5%. #3d50cf color hex could be obtained by blending #7aa0ff with #00009f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 24
- G 31
- B 81
RGB color chart
- C 71
- M 61
- Y 0
- K 19
CMYK color chart

● #3d50cf color description : Moderate blue.

The hexadecimal color #3d50cf has RGB values of R:61, G:80, B:207 and CMYK values of C:0.71, M:0.61, Y:0, K:0.19. Its decimal value is 4018383.

Hex triplet	3d50cf	`#3d50cf`
RGB Decimal	61, 80, 207	`rgb(61,80,207)`
RGB Percent	23.9, 31.4, 81.2	`rgb(23.9%,31.4%,81.2%)`
CMYK	71, 61, 0, 19
HSL	232.2°, 60.3, 52.5	`hsl(232.2,60.3%,52.5%)`
HSV (or HSB)	232.2°, 70.5, 81.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.971, 35.13, -67.785
XYZ	16.053, 11.233, 60.35
xyY	0.183, 0.128, 11.233
CIE-LCH	39.971, 76.348, 297.395
CIE-LUV	39.971, -11.538, -99.667
Hunter-Lab	33.516, 26.843, -83.298
Binary	00111101, 01010000, 11001111

#3d50cf
```
#3d50cf rgb(61,80,207)
```
#cfbc3d
```
#cfbc3d rgb(207,188,61)
```

Complementary Color

#3d99cf
```
#3d99cf rgb(61,153,207)
```
#3d50cf
```
#3d50cf rgb(61,80,207)
```
#733dcf
```
#733dcf rgb(115,61,207)
```

Analogous Color

#99cf3d
```
#99cf3d rgb(153,207,61)
```
#3d50cf
```
#3d50cf rgb(61,80,207)
```
#cf733d
```
#cf733d rgb(207,115,61)
```

Split Complementary Color

#50cf3d
```
#50cf3d rgb(80,207,61)
```
#3d50cf
```
#3d50cf rgb(61,80,207)
```
#cf3d50
```
#cf3d50 rgb(207,61,80)
```

Triadic Color

#3dcfbc
```
#3dcfbc rgb(61,207,188)
```
#3d50cf
```
#3d50cf rgb(61,80,207)
```
#cf3d50
```
#cf3d50 rgb(207,61,80)
```
#cfbc3d
```
#cfbc3d rgb(207,188,61)
```

Tetradic Color

#26359a
```
#26359a rgb(38,53,154)
```
#2b3cae
```
#2b3cae rgb(43,60,174)
```
#3043c2
```
#3043c2 rgb(48,67,194)
```
#3d50cf
```
#3d50cf rgb(61,80,207)
```
#5162d4
```
#5162d4 rgb(81,98,212)
```
#6675d9
```
#6675d9 rgb(102,117,217)
```
#7a87de
```
#7a87de rgb(122,135,222)
```

Monochromatic Color

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

#3d75cf
```
#3d75cf rgb(61,117,207)
```
#3d68cf
```
#3d68cf rgb(61,104,207)
```
#3d5ccf
```
#3d5ccf rgb(61,92,207)
```
#3d50cf
```
#3d50cf rgb(61,80,207)
```
#3d44cf
```
#3d44cf rgb(61,68,207)
```
#423dcf
```
#423dcf rgb(66,61,207)
```
#4f3dcf
```
#4f3dcf rgb(79,61,207)
```

Similar Colors

Text with hexadecimal color #3d50cf

This text has a font color of #3d50cf.

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

#3d50cf background color

This paragraph has a background color of #3d50cf.

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

#3d50cf border color

This element has a border color of #3d50cf.

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

CSS codes

.text {color:#3d50cf;}

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

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

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

#03040a
```
#03040a rgb(3,4,10)
```
#06091a
```
#06091a rgb(6,9,26)
```
#0a0e2a
```
#0a0e2a rgb(10,14,42)
```
#0e143a
```
#0e143a rgb(14,20,58)
```
#121949
```
#121949 rgb(18,25,73)
```
#161f59
```
#161f59 rgb(22,31,89)
```
#1a2469
```
#1a2469 rgb(26,36,105)
```
#1e2a78
```
#1e2a78 rgb(30,42,120)
```
#222f88
```
#222f88 rgb(34,47,136)
```
#263498
```
#263498 rgb(38,52,152)
```
#293aa8
```
#293aa8 rgb(41,58,168)
```
#2d3fb7
```
#2d3fb7 rgb(45,63,183)
```
#3145c7
```
#3145c7 rgb(49,69,199)
```

Shade Color Variation

#3d50cf
```
#3d50cf rgb(61,80,207)
```
#4d5ed3
```
#4d5ed3 rgb(77,94,211)
```
#5c6cd7
```
#5c6cd7 rgb(92,108,215)
```
#6c7bdb
```
#6c7bdb rgb(108,123,219)
```
#7c89df
```
#7c89df rgb(124,137,223)
```
#8c97e2
```
#8c97e2 rgb(140,151,226)
```
#9ba5e6
```
#9ba5e6 rgb(155,165,230)
```
#abb3ea
```
#abb3ea rgb(171,179,234)
```
#bbc1ee
```
#bbc1ee rgb(187,193,238)
```
#cbd0f2
```
#cbd0f2 rgb(203,208,242)
```
#dadef6
```
#dadef6 rgb(218,222,246)
```
#eaecfa
```
#eaecfa rgb(234,236,250)
```
#fafafe
```
#fafafe rgb(250,250,254)
```

Tint Color Variation

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

#7e808e
```
#7e808e rgb(126,128,142)
```
#757997
```
#757997 rgb(117,121,151)
```
#6c72a0
```
#6c72a0 rgb(108,114,160)
```
#626caa
```
#626caa rgb(98,108,170)
```
#5965b3
```
#5965b3 rgb(89,101,179)
```
#505ebc
```
#505ebc rgb(80,94,188)
```
#4657c6
```
#4657c6 rgb(70,87,198)
```
#3d50cf
```
#3d50cf rgb(61,80,207)
```
#3449d8
```
#3449d8 rgb(52,73,216)
```
#2a42e2
```
#2a42e2 rgb(42,66,226)
```
#213beb
```
#213beb rgb(33,59,235)
```
#1834f4
```
#1834f4 rgb(24,52,244)
```
#0e2efe
```
#0e2efe rgb(14,46,254)
```

Tone Color Variation

Below, you can see how #3d50cf 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
#535771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007077 Tritanopia 0.001% of the population

Trichromacy

#165cc7 Protanomaly 1% of men, 0.01% of women
#165fb7 Deuteranomaly 6% of men, 0.4% of women
#166497 Tritanomaly 0.01% of the population

#3d50cf hex color

#3d50cf Color Information

#3d50cf Color Conversion

Color Schemes with #3d50cf

Alternatives to #3d50cf

#3d50cf Preview

Shades and Tints of #3d50cf

Tones of #3d50cf

Color Blindness Simulator