#3d50e6 hex color

In a RGB color space, hex #3d50e6 is composed of 23.9% red, 31.4% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 65.2% magenta, 0% yellow and 9.8% black. It has a hue angle of 233.3 degrees, a saturation of 77.2% and a lightness of 57.1%. #3d50e6 color hex could be obtained by blending #7aa0ff with #0000cd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 31
- B 90
RGB color chart
- C 73
- M 65
- Y 0
- K 10
CMYK color chart

● #3d50e6 color description : Bright blue.

The hexadecimal color #3d50e6 has RGB values of R:61, G:80, B:230 and CMYK values of C:0.73, M:0.65, Y:0, K:0.1. Its decimal value is 4018406.

Hex triplet	3d50e6	`#3d50e6`
RGB Decimal	61, 80, 230	`rgb(61,80,230)`
RGB Percent	23.9, 31.4, 90.2	`rgb(23.9%,31.4%,90.2%)`
CMYK	73, 65, 0, 10
HSL	233.3°, 77.2, 57.1	`hsl(233.3,77.2%,57.1%)`
HSV (or HSB)	233.3°, 73.5, 90.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.909, 43.12, -77.766
XYZ	19.073, 12.441, 76.255
xyY	0.177, 0.115, 12.441
CIE-LCH	41.909, 88.92, 299.008
CIE-LUV	41.909, -12.115, -114.743
Hunter-Lab	35.272, 34.795, -103.488
Binary	00111101, 01010000, 11100110

#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#e6d33d
```
#e6d33d rgb(230,211,61)
```

Complementary Color

#3da5e6
```
#3da5e6 rgb(61,165,230)
```
#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#7f3de6
```
#7f3de6 rgb(127,61,230)
```

Analogous Color

#a5e63d
```
#a5e63d rgb(165,230,61)
```
#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#e67f3d
```
#e67f3d rgb(230,127,61)
```

Split Complementary Color

#50e63d
```
#50e63d rgb(80,230,61)
```
#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#e63d50
```
#e63d50 rgb(230,61,80)
```

Triadic Color

#3de6d3
```
#3de6d3 rgb(61,230,211)
```
#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#e63d50
```
#e63d50 rgb(230,61,80)
```
#e6d33d
```
#e6d33d rgb(230,211,61)
```

Tetradic Color

#182bbe
```
#182bbe rgb(24,43,190)
```
#1b30d5
```
#1b30d5 rgb(27,48,213)
```
#263ce3
```
#263ce3 rgb(38,60,227)
```
#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#5464e9
```
#5464e9 rgb(84,100,233)
```
#6a79ec
```
#6a79ec rgb(106,121,236)
```
#818def
```
#818def rgb(129,141,239)
```

Monochromatic Color

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

#3d7ae6
```
#3d7ae6 rgb(61,122,230)
```
#3d6ce6
```
#3d6ce6 rgb(61,108,230)
```
#3d5ee6
```
#3d5ee6 rgb(61,94,230)
```
#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#3d42e6
```
#3d42e6 rgb(61,66,230)
```
#463de6
```
#463de6 rgb(70,61,230)
```
#543de6
```
#543de6 rgb(84,61,230)
```

Similar Colors

Text with hexadecimal color #3d50e6

This text has a font color of #3d50e6.

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

#3d50e6 background color

This paragraph has a background color of #3d50e6.

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

#3d50e6 border color

This element has a border color of #3d50e6.

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

CSS codes

.text {color:#3d50e6;}

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

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

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, #02030f is the darkest color, while #fcfcff is the lightest one.

#02030f
```
#02030f rgb(2,3,15)
```
#040720
```
#040720 rgb(4,7,32)
```
#060b31
```
#060b31 rgb(6,11,49)
```
#090f43
```
#090f43 rgb(9,15,67)
```
#0b1354
```
#0b1354 rgb(11,19,84)
```
#0d1765
```
#0d1765 rgb(13,23,101)
```
#0f1b77
```
#0f1b77 rgb(15,27,119)
```
#121f88
```
#121f88 rgb(18,31,136)
```
#14239a
```
#14239a rgb(20,35,154)
```
#1627ab
```
#1627ab rgb(22,39,171)
```
#182bbc
```
#182bbc rgb(24,43,188)
```
#1b2fce
```
#1b2fce rgb(27,47,206)
```
#1d33df
```
#1d33df rgb(29,51,223)
```

Shade Color Variation

#2c40e4
```
#2c40e4 rgb(44,64,228)
```
#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#4e60e8
```
#4e60e8 rgb(78,96,232)
```
#606fea
```
#606fea rgb(96,111,234)
```
#717fed
```
#717fed rgb(113,127,237)
```
#838fef
```
#838fef rgb(131,143,239)
```
#949ef1
```
#949ef1 rgb(148,158,241)
```
#a5aef3
```
#a5aef3 rgb(165,174,243)
```
#b7bef6
```
#b7bef6 rgb(183,190,246)
```
#c8cdf8
```
#c8cdf8 rgb(200,205,248)
```
#d9ddfa
```
#d9ddfa rgb(217,221,250)
```
#ebedfc
```
#ebedfc rgb(235,237,252)
```
#fcfcff
```
#fcfcff rgb(252,252,255)
```

Tint Color Variation

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

#919192
```
#919192 rgb(145,145,146)
```
#898b9a
```
#898b9a rgb(137,139,154)
```
#8084a3
```
#8084a3 rgb(128,132,163)
```
#787eab
```
#787eab rgb(120,126,171)
```
#7077b3
```
#7077b3 rgb(112,119,179)
```
#6771bc
```
#6771bc rgb(103,113,188)
```
#5f6ac4
```
#5f6ac4 rgb(95,106,196)
```
#5664cd
```
#5664cd rgb(86,100,205)
```
#4e5dd5
```
#4e5dd5 rgb(78,93,213)
```
#4557de
```
#4557de rgb(69,87,222)
```
#3d50e6
```
#3d50e6 rgb(61,80,230)
```
#3549ee
```
#3549ee rgb(53,73,238)
```
#2c43f7
```
#2c43f7 rgb(44,67,247)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#555977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#165fd4 Protanomaly 1% of men, 0.01% of women
#1662c3 Deuteranomaly 6% of men, 0.4% of women
#1667a2 Tritanomaly 0.01% of the population

#3d50e6 hex color

#3d50e6 Color Information

#3d50e6 Color Conversion

Color Schemes with #3d50e6

Alternatives to #3d50e6

#3d50e6 Preview

Shades and Tints of #3d50e6

Tones of #3d50e6

Color Blindness Simulator