#3358cd hex color

In a RGB color space, hex #3358cd is composed of 20% red, 34.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 57.1% magenta, 0% yellow and 19.6% black. It has a hue angle of 225.6 degrees, a saturation of 60.6% and a lightness of 50.2%. #3358cd color hex could be obtained by blending #66b0ff with #00009b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 35
- B 80
RGB color chart
- C 75
- M 57
- Y 0
- K 20
CMYK color chart

● #3358cd color description : Strong blue.

The hexadecimal color #3358cd has RGB values of R:51, G:88, B:205 and CMYK values of C:0.75, M:0.57, Y:0, K:0.2. Its decimal value is 3365069.

Hex triplet	3358cd	`#3358cd`
RGB Decimal	51, 88, 205	`rgb(51,88,205)`
RGB Percent	20, 34.5, 80.4	`rgb(20%,34.5%,80.4%)`
CMYK	75, 57, 0, 20
HSL	225.6°, 60.6, 50.2	`hsl(225.6,60.6%,50.2%)`
HSV (or HSB)	225.6°, 75.1, 80.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.359, 28.104, -64.389
XYZ	15.872, 12.09, 59.251
xyY	0.182, 0.139, 12.09
CIE-LCH	41.359, 70.255, 293.58
CIE-LUV	41.359, -15.338, -95.789
Hunter-Lab	34.771, 20.633, -76.695
Binary	00110011, 01011000, 11001101

#3358cd
```
#3358cd rgb(51,88,205)
```
#cda833
```
#cda833 rgb(205,168,51)
```

Complementary Color

#33a5cd
```
#33a5cd rgb(51,165,205)
```
#3358cd
```
#3358cd rgb(51,88,205)
```
#5b33cd
```
#5b33cd rgb(91,51,205)
```

Analogous Color

#a5cd33
```
#a5cd33 rgb(165,205,51)
```
#3358cd
```
#3358cd rgb(51,88,205)
```
#cd5b33
```
#cd5b33 rgb(205,91,51)
```

Split Complementary Color

#58cd33
```
#58cd33 rgb(88,205,51)
```
#3358cd
```
#3358cd rgb(51,88,205)
```
#cd3358
```
#cd3358 rgb(205,51,88)
```

Triadic Color

#33cda8
```
#33cda8 rgb(51,205,168)
```
#3358cd
```
#3358cd rgb(51,88,205)
```
#cd3358
```
#cd3358 rgb(205,51,88)
```
#cda833
```
#cda833 rgb(205,168,51)
```

Tetradic Color

#233d90
```
#233d90 rgb(35,61,144)
```
#2846a5
```
#2846a5 rgb(40,70,165)
```
#2d4fb9
```
#2d4fb9 rgb(45,79,185)
```
#3358cd
```
#3358cd rgb(51,88,205)
```
#4769d2
```
#4769d2 rgb(71,105,210)
```
#5c7ad7
```
#5c7ad7 rgb(92,122,215)
```
#708adc
```
#708adc rgb(112,138,220)
```

Monochromatic Color

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

#337fcd
```
#337fcd rgb(51,127,205)
```
#3372cd
```
#3372cd rgb(51,114,205)
```
#3365cd
```
#3365cd rgb(51,101,205)
```
#3358cd
```
#3358cd rgb(51,88,205)
```
#334bcd
```
#334bcd rgb(51,75,205)
```
#333ecd
```
#333ecd rgb(51,62,205)
```
#3433cd
```
#3433cd rgb(52,51,205)
```

Similar Colors

Text with hexadecimal color #3358cd

This text has a font color of #3358cd.

<span style="color:#3358cd;">Text here</span>

#3358cd background color

This paragraph has a background color of #3358cd.

<p style="background-color:#3358cd;">Content here</p>

#3358cd border color

This element has a border color of #3358cd.

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

CSS codes

.text {color:#3358cd;}

.background {background-color:#3358cd;}

.border {border:1px solid #3358cd;}

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

#000001
```
#000001 rgb(0,0,1)
```
#040711
```
#040711 rgb(4,7,17)
```
#080e20
```
#080e20 rgb(8,14,32)
```
#0c1430
```
#0c1430 rgb(12,20,48)
```
#101b40
```
#101b40 rgb(16,27,64)
```
#142250
```
#142250 rgb(20,34,80)
```
#17295f
```
#17295f rgb(23,41,95)
```
#1b2f6f
```
#1b2f6f rgb(27,47,111)
```
#1f367f
```
#1f367f rgb(31,54,127)
```
#233d8f
```
#233d8f rgb(35,61,143)
```
#27449e
```
#27449e rgb(39,68,158)
```
#2b4aae
```
#2b4aae rgb(43,74,174)
```
#2f51be
```
#2f51be rgb(47,81,190)
```

Shade Color Variation

#3358cd
```
#3358cd rgb(51,88,205)
```
#4365d1
```
#4365d1 rgb(67,101,209)
```
#5372d5
```
#5372d5 rgb(83,114,213)
```
#627fd9
```
#627fd9 rgb(98,127,217)
```
#728cdc
```
#728cdc rgb(114,140,220)
```
#8298e0
```
#8298e0 rgb(130,152,224)
```
#92a5e4
```
#92a5e4 rgb(146,165,228)
```
#a1b2e8
```
#a1b2e8 rgb(161,178,232)
```
#b1bfec
```
#b1bfec rgb(177,191,236)
```
#c1ccf0
```
#c1ccf0 rgb(193,204,240)
```
#d1d9f4
```
#d1d9f4 rgb(209,217,244)
```
#e0e6f7
```
#e0e6f7 rgb(224,230,247)
```
#f0f3fb
```
#f0f3fb rgb(240,243,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777c89 is the less saturated color, while #023ffe is the most saturated one.

#777c89
```
#777c89 rgb(119,124,137)
```
#6e7692
```
#6e7692 rgb(110,118,146)
```
#64719c
```
#64719c rgb(100,113,156)
```
#5a6ca6
```
#5a6ca6 rgb(90,108,166)
```
#5067b0
```
#5067b0 rgb(80,103,176)
```
#4762b9
```
#4762b9 rgb(71,98,185)
```
#3d5dc3
```
#3d5dc3 rgb(61,93,195)
```
#3358cd
```
#3358cd rgb(51,88,205)
```
#2953d7
```
#2953d7 rgb(41,83,215)
```
#1f4ee1
```
#1f4ee1 rgb(31,78,225)
```
#1649ea
```
#1649ea rgb(22,73,234)
```
#0c44f4
```
#0c44f4 rgb(12,68,244)
```
#023ffe
```
#023ffe rgb(2,63,254)
```

Tone Color Variation

Below, you can see how #3358cd 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

#5a5a5a Achromatopsia 0.005% of the population
#525a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006caf Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#1261ca Protanomaly 1% of men, 0.01% of women
#1264ba Deuteranomaly 6% of men, 0.4% of women
#126998 Tritanomaly 0.01% of the population

#3358cd hex color

#3358cd Color Information

#3358cd Color Conversion

Color Schemes with #3358cd

Alternatives to #3358cd

#3358cd Preview

Shades and Tints of #3358cd

Tones of #3358cd

Color Blindness Simulator