#3350c2 hex color

In a RGB color space, hex #3350c2 is composed of 20% red, 31.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 58.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 227.8 degrees, a saturation of 58.4% and a lightness of 48%. #3350c2 color hex could be obtained by blending #66a0ff with #000085. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 31
- B 76
RGB color chart
- C 74
- M 59
- Y 0
- K 24
CMYK color chart

● #3350c2 color description : Moderate blue.

The hexadecimal color #3350c2 has RGB values of R:51, G:80, B:194 and CMYK values of C:0.74, M:0.59, Y:0, K:0.24. Its decimal value is 3363010.

Hex triplet	3350c2	`#3350c2`
RGB Decimal	51, 80, 194	`rgb(51,80,194)`
RGB Percent	20, 31.4, 76.1	`rgb(20%,31.4%,76.1%)`
CMYK	74, 59, 0, 24
HSL	227.8°, 58.4, 48	`hsl(227.8,58.4%,48%)`
HSV (or HSB)	227.8°, 73.7, 76.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.438, 29.222, -62.768
XYZ	13.969, 10.335, 52.295
xyY	0.182, 0.135, 10.335
CIE-LCH	38.438, 69.237, 294.965
CIE-LUV	38.438, -13.178, -91.395
Hunter-Lab	32.148, 21.304, -73.941
Binary	00110011, 01010000, 11000010

#3350c2
```
#3350c2 rgb(51,80,194)
```
#c2a533
```
#c2a533 rgb(194,165,51)
```

Complementary Color

#3398c2
```
#3398c2 rgb(51,152,194)
```
#3350c2
```
#3350c2 rgb(51,80,194)
```
#5d33c2
```
#5d33c2 rgb(93,51,194)
```

Analogous Color

#98c233
```
#98c233 rgb(152,194,51)
```
#3350c2
```
#3350c2 rgb(51,80,194)
```
#c25e33
```
#c25e33 rgb(194,94,51)
```

Split Complementary Color

#50c233
```
#50c233 rgb(80,194,51)
```
#3350c2
```
#3350c2 rgb(51,80,194)
```
#c23350
```
#c23350 rgb(194,51,80)
```

Triadic Color

#33c2a5
```
#33c2a5 rgb(51,194,165)
```
#3350c2
```
#3350c2 rgb(51,80,194)
```
#c23350
```
#c23350 rgb(194,51,80)
```
#c2a533
```
#c2a533 rgb(194,165,51)
```

Tetradic Color

#233785
```
#233785 rgb(35,55,133)
```
#283f9a
```
#283f9a rgb(40,63,154)
```
#2e48ae
```
#2e48ae rgb(46,72,174)
```
#3350c2
```
#3350c2 rgb(51,80,194)
```
#415ecd
```
#415ecd rgb(65,94,205)
```
#566fd2
```
#566fd2 rgb(86,111,210)
```
#6a80d8
```
#6a80d8 rgb(106,128,216)
```

Monochromatic Color

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

#3374c2
```
#3374c2 rgb(51,116,194)
```
#3368c2
```
#3368c2 rgb(51,104,194)
```
#335cc2
```
#335cc2 rgb(51,92,194)
```
#3350c2
```
#3350c2 rgb(51,80,194)
```
#3344c2
```
#3344c2 rgb(51,68,194)
```
#3338c2
```
#3338c2 rgb(51,56,194)
```
#3a33c2
```
#3a33c2 rgb(58,51,194)
```

Similar Colors

Text with hexadecimal color #3350c2

This text has a font color of #3350c2.

<span style="color:#3350c2;">Text here</span>

#3350c2 background color

This paragraph has a background color of #3350c2.

<p style="background-color:#3350c2;">Content here</p>

#3350c2 border color

This element has a border color of #3350c2.

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

CSS codes

.text {color:#3350c2;}

.background {background-color:#3350c2;}

.border {border:1px solid #3350c2;}

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

#020308
```
#020308 rgb(2,3,8)
```
#060a17
```
#060a17 rgb(6,10,23)
```
#0a1027
```
#0a1027 rgb(10,16,39)
```
#0e1636
```
#0e1636 rgb(14,22,54)
```
#121d46
```
#121d46 rgb(18,29,70)
```
#162355
```
#162355 rgb(22,35,85)
```
#1b2a65
```
#1b2a65 rgb(27,42,101)
```
#1f3074
```
#1f3074 rgb(31,48,116)
```
#233684
```
#233684 rgb(35,54,132)
```
#273d93
```
#273d93 rgb(39,61,147)
```
#2b43a3
```
#2b43a3 rgb(43,67,163)
```
#2f4ab2
```
#2f4ab2 rgb(47,74,178)
```
#3350c2
```
#3350c2 rgb(51,80,194)
```

Shade Color Variation

#3d5acc
```
#3d5acc rgb(61,90,204)
```
#4c67d0
```
#4c67d0 rgb(76,103,208)
```
#5c74d4
```
#5c74d4 rgb(92,116,212)
```
#6b81d8
```
#6b81d8 rgb(107,129,216)
```
#7b8fdc
```
#7b8fdc rgb(123,143,220)
```
#8a9ce0
```
#8a9ce0 rgb(138,156,224)
```
#9aa9e4
```
#9aa9e4 rgb(154,169,228)
```
#a9b6e9
```
#a9b6e9 rgb(169,182,233)
```
#b9c3ed
```
#b9c3ed rgb(185,195,237)
```
#c8d1f1
```
#c8d1f1 rgb(200,209,241)
```
#d8def5
```
#d8def5 rgb(216,222,245)
```
#e8ebf9
```
#e8ebf9 rgb(232,235,249)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#757780
```
#757780 rgb(117,119,128)
```
#6c7289
```
#6c7289 rgb(108,114,137)
```
#626c93
```
#626c93 rgb(98,108,147)
```
#59669c
```
#59669c rgb(89,102,156)
```
#4f61a6
```
#4f61a6 rgb(79,97,166)
```
#465baf
```
#465baf rgb(70,91,175)
```
#3c56b9
```
#3c56b9 rgb(60,86,185)
```
#3350c2
```
#3350c2 rgb(51,80,194)
```
#2a4acb
```
#2a4acb rgb(42,74,203)
```
#2045d5
```
#2045d5 rgb(32,69,213)
```
#173fde
```
#173fde rgb(23,63,222)
```
#0d3ae8
```
#0d3ae8 rgb(13,58,232)
```
#0434f1
```
#0434f1 rgb(4,52,241)
```

Tone Color Variation

Below, you can see how #3350c2 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

#545454 Achromatopsia 0.005% of the population
#4d536a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0065a4 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#125abe Protanomaly 1% of men, 0.01% of women
#125daf Deuteranomaly 6% of men, 0.4% of women
#12628f Tritanomaly 0.01% of the population

#3350c2 hex color

#3350c2 Color Information

#3350c2 Color Conversion

Color Schemes with #3350c2

Alternatives to #3350c2

#3350c2 Preview

Shades and Tints of #3350c2

Tones of #3350c2

Color Blindness Simulator