#334dec hex color

In a RGB color space, hex #334dec is composed of 20% red, 30.2% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 67.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 231.6 degrees, a saturation of 83% and a lightness of 56.3%. #334dec color hex could be obtained by blending #669aff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 30
- B 93
RGB color chart
- C 78
- M 67
- Y 0
- K 7
CMYK color chart

● #334dec color description : Bright blue.

The hexadecimal color #334dec has RGB values of R:51, G:77, B:236 and CMYK values of C:0.78, M:0.67, Y:0, K:0.07. Its decimal value is 3362284.

Hex triplet	334dec	`#334dec`
RGB Decimal	51, 77, 236	`rgb(51,77,236)`
RGB Percent	20, 30.2, 92.5	`rgb(20%,30.2%,92.5%)`
CMYK	78, 67, 0, 7
HSL	231.6°, 83, 56.3	`hsl(231.6,83%,56.3%)`
HSV (or HSB)	231.6°, 78.4, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.321, 46.078, -82.144
XYZ	19.156, 12.066, 80.672
xyY	0.171, 0.108, 12.066
CIE-LCH	41.321, 94.186, 299.29
CIE-LUV	41.321, -13.185, -119.648
Hunter-Lab	34.737, 37.649, -113.378
Binary	00110011, 01001101, 11101100

#334dec
```
#334dec rgb(51,77,236)
```
#ecd233
```
#ecd233 rgb(236,210,51)
```

Complementary Color

#33aaec
```
#33aaec rgb(51,170,236)
```
#334dec
```
#334dec rgb(51,77,236)
```
#7633ec
```
#7633ec rgb(118,51,236)
```

Analogous Color

#aaec33
```
#aaec33 rgb(170,236,51)
```
#334dec
```
#334dec rgb(51,77,236)
```
#ec7633
```
#ec7633 rgb(236,118,51)
```

Split Complementary Color

#4dec33
```
#4dec33 rgb(77,236,51)
```
#334dec
```
#334dec rgb(51,77,236)
```
#ec334d
```
#ec334d rgb(236,51,77)
```

Triadic Color

#33ecd2
```
#33ecd2 rgb(51,236,210)
```
#334dec
```
#334dec rgb(51,77,236)
```
#ec334d
```
#ec334d rgb(236,51,77)
```
#ecd233
```
#ecd233 rgb(236,210,51)
```

Tetradic Color

#122ac1
```
#122ac1 rgb(18,42,193)
```
#1430d8
```
#1430d8 rgb(20,48,216)
```
#1c39ea
```
#1c39ea rgb(28,57,234)
```
#334dec
```
#334dec rgb(51,77,236)
```
#4a61ee
```
#4a61ee rgb(74,97,238)
```
#6276f0
```
#6276f0 rgb(98,118,240)
```
#798af3
```
#798af3 rgb(121,138,243)
```

Monochromatic Color

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

#337bec
```
#337bec rgb(51,123,236)
```
#336cec
```
#336cec rgb(51,108,236)
```
#335cec
```
#335cec rgb(51,92,236)
```
#334dec
```
#334dec rgb(51,77,236)
```
#333eec
```
#333eec rgb(51,62,236)
```
#3833ec
```
#3833ec rgb(56,51,236)
```
#4733ec
```
#4733ec rgb(71,51,236)
```

Similar Colors

Text with hexadecimal color #334dec

This text has a font color of #334dec.

<span style="color:#334dec;">Text here</span>

#334dec background color

This paragraph has a background color of #334dec.

<p style="background-color:#334dec;">Content here</p>

#334dec border color

This element has a border color of #334dec.

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

CSS codes

.text {color:#334dec;}

.background {background-color:#334dec;}

.border {border:1px solid #334dec;}

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, #01020b is the darkest color, while #f8f9fe is the lightest one.

#01020b
```
#01020b rgb(1,2,11)
```
#03061d
```
#03061d rgb(3,6,29)
```
#040a2f
```
#040a2f rgb(4,10,47)
```
#060e41
```
#060e41 rgb(6,14,65)
```
#081253
```
#081253 rgb(8,18,83)
```
#091665
```
#091665 rgb(9,22,101)
```
#0b1a77
```
#0b1a77 rgb(11,26,119)
```
#0d1e89
```
#0d1e89 rgb(13,30,137)
```
#0e229b
```
#0e229b rgb(14,34,155)
```
#1026ad
```
#1026ad rgb(16,38,173)
```
#122abf
```
#122abf rgb(18,42,191)
```
#132ed1
```
#132ed1 rgb(19,46,209)
```
#1532e3
```
#1532e3 rgb(21,50,227)
```

Shade Color Variation

#213dea
```
#213dea rgb(33,61,234)
```
#334dec
```
#334dec rgb(51,77,236)
```
#455dee
```
#455dee rgb(69,93,238)
```
#576cef
```
#576cef rgb(87,108,239)
```
#697cf1
```
#697cf1 rgb(105,124,241)
```
#7b8cf3
```
#7b8cf3 rgb(123,140,243)
```
#8d9bf4
```
#8d9bf4 rgb(141,155,244)
```
#9fabf6
```
#9fabf6 rgb(159,171,246)
```
#b1bbf8
```
#b1bbf8 rgb(177,187,248)
```
#c3caf9
```
#c3caf9 rgb(195,202,249)
```
#d4dafb
```
#d4dafb rgb(212,218,251)
```
#e6eafd
```
#e6eafd rgb(230,234,253)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898b96 is the less saturated color, while #2241fd is the most saturated one.

#898b96
```
#898b96 rgb(137,139,150)
```
#80849f
```
#80849f rgb(128,132,159)
```
#787ea7
```
#787ea7 rgb(120,126,167)
```
#6f78b0
```
#6f78b0 rgb(111,120,176)
```
#6672b9
```
#6672b9 rgb(102,114,185)
```
#5e6cc1
```
#5e6cc1 rgb(94,108,193)
```
#5566ca
```
#5566ca rgb(85,102,202)
```
#4d5fd2
```
#4d5fd2 rgb(77,95,210)
```
#4459db
```
#4459db rgb(68,89,219)
```
#3c53e3
```
#3c53e3 rgb(60,83,227)
```
#334dec
```
#334dec rgb(51,77,236)
```
#2a47f5
```
#2a47f5 rgb(42,71,245)
```
#2241fd
```
#2241fd rgb(34,65,253)
```

Tone Color Variation

Below, you can see how #334dec 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

#575757 Achromatopsia 0.005% of the population
#505575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#125dd4 Protanomaly 1% of men, 0.01% of women
#1261c4 Deuteranomaly 6% of men, 0.4% of women
#1265a3 Tritanomaly 0.01% of the population

#334dec hex color

#334dec Color Information

#334dec Color Conversion

Color Schemes with #334dec

Alternatives to #334dec

#334dec Preview

Shades and Tints of #334dec

Tones of #334dec

Color Blindness Simulator