#3550d4 hex color

In a RGB color space, hex #3550d4 is composed of 20.8% red, 31.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 62.3% magenta, 0% yellow and 16.9% black. It has a hue angle of 229.8 degrees, a saturation of 64.9% and a lightness of 52%. #3550d4 color hex could be obtained by blending #6aa0ff with #0000a9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 31
- B 83
RGB color chart
- C 75
- M 62
- Y 0
- K 17
CMYK color chart

● #3550d4 color description : Strong blue.

The hexadecimal color #3550d4 has RGB values of R:53, G:80, B:212 and CMYK values of C:0.75, M:0.62, Y:0, K:0.17. Its decimal value is 3494100.

Hex triplet	3550d4	`#3550d4`
RGB Decimal	53, 80, 212	`rgb(53,80,212)`
RGB Percent	20.8, 31.4, 83.1	`rgb(20.8%,31.4%,83.1%)`
CMYK	75, 62, 0, 17
HSL	229.8°, 64.9, 52	`hsl(229.8,64.9%,52%)`
HSV (or HSB)	229.8°, 75, 83.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.993, 35.978, -70.645
XYZ	16.218, 11.247, 63.6
xyY	0.178, 0.124, 11.247
CIE-LCH	39.993, 79.279, 296.989
CIE-LUV	39.993, -13.09, -103.426
Hunter-Lab	33.536, 27.635, -88.966
Binary	00110101, 01010000, 11010100

#3550d4
```
#3550d4 rgb(53,80,212)
```
#d4b935
```
#d4b935 rgb(212,185,53)
```

Complementary Color

#35a0d4
```
#35a0d4 rgb(53,160,212)
```
#3550d4
```
#3550d4 rgb(53,80,212)
```
#6a35d4
```
#6a35d4 rgb(106,53,212)
```

Analogous Color

#a0d435
```
#a0d435 rgb(160,212,53)
```
#3550d4
```
#3550d4 rgb(53,80,212)
```
#d46a35
```
#d46a35 rgb(212,106,53)
```

Split Complementary Color

#50d435
```
#50d435 rgb(80,212,53)
```
#3550d4
```
#3550d4 rgb(53,80,212)
```
#d43550
```
#d43550 rgb(212,53,80)
```

Triadic Color

#35d4b9
```
#35d4b9 rgb(53,212,185)
```
#3550d4
```
#3550d4 rgb(53,80,212)
```
#d43550
```
#d43550 rgb(212,53,80)
```
#d4b935
```
#d4b935 rgb(212,185,53)
```

Tetradic Color

#21369b
```
#21369b rgb(33,54,155)
```
#263db0
```
#263db0 rgb(38,61,176)
```
#2a44c5
```
#2a44c5 rgb(42,68,197)
```
#3550d4
```
#3550d4 rgb(53,80,212)
```
#4a62d8
```
#4a62d8 rgb(74,98,216)
```
#5f74dd
```
#5f74dd rgb(95,116,221)
```
#7487e1
```
#7487e1 rgb(116,135,225)
```

Monochromatic Color

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

#3578d4
```
#3578d4 rgb(53,120,212)
```
#356bd4
```
#356bd4 rgb(53,107,212)
```
#355dd4
```
#355dd4 rgb(53,93,212)
```
#3550d4
```
#3550d4 rgb(53,80,212)
```
#3543d4
```
#3543d4 rgb(53,67,212)
```
#3536d4
```
#3536d4 rgb(53,54,212)
```
#4235d4
```
#4235d4 rgb(66,53,212)
```

Similar Colors

Text with hexadecimal color #3550d4

This text has a font color of #3550d4.

<span style="color:#3550d4;">Text here</span>

#3550d4 background color

This paragraph has a background color of #3550d4.

<p style="background-color:#3550d4;">Content here</p>

#3550d4 border color

This element has a border color of #3550d4.

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

CSS codes

.text {color:#3550d4;}

.background {background-color:#3550d4;}

.border {border:1px solid #3550d4;}

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)
```
#050818
```
#050818 rgb(5,8,24)
```
#090e29
```
#090e29 rgb(9,14,41)
```
#0c1439
```
#0c1439 rgb(12,20,57)
```
#101949
```
#101949 rgb(16,25,73)
```
#131f59
```
#131f59 rgb(19,31,89)
```
#162469
```
#162469 rgb(22,36,105)
```
#1a2a79
```
#1a2a79 rgb(26,42,121)
```
#1d308a
```
#1d308a rgb(29,48,138)
```
#21359a
```
#21359a rgb(33,53,154)
```
#243baa
```
#243baa rgb(36,59,170)
```
#2841ba
```
#2841ba rgb(40,65,186)
```
#2b46ca
```
#2b46ca rgb(43,70,202)
```

Shade Color Variation

#3550d4
```
#3550d4 rgb(53,80,212)
```
#455ed7
```
#455ed7 rgb(69,94,215)
```
#556cdb
```
#556cdb rgb(85,108,219)
```
#667ade
```
#667ade rgb(102,122,222)
```
#7688e2
```
#7688e2 rgb(118,136,226)
```
#8696e5
```
#8696e5 rgb(134,150,229)
```
#96a4e9
```
#96a4e9 rgb(150,164,233)
```
#a6b2ec
```
#a6b2ec rgb(166,178,236)
```
#b6c0f0
```
#b6c0f0 rgb(182,192,240)
```
#c7cef3
```
#c7cef3 rgb(199,206,243)
```
#d7dcf6
```
#d7dcf6 rgb(215,220,246)
```
#e7eafa
```
#e7eafa rgb(231,234,250)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#808289
```
#808289 rgb(128,130,137)
```
#777c92
```
#777c92 rgb(119,124,146)
```
#6e759b
```
#6e759b rgb(110,117,155)
```
#646fa5
```
#646fa5 rgb(100,111,165)
```
#5b69ae
```
#5b69ae rgb(91,105,174)
```
#5163b8
```
#5163b8 rgb(81,99,184)
```
#485cc1
```
#485cc1 rgb(72,92,193)
```
#3e56cb
```
#3e56cb rgb(62,86,203)
```
#3550d4
```
#3550d4 rgb(53,80,212)
```
#2c4add
```
#2c4add rgb(44,74,221)
```
#2244e7
```
#2244e7 rgb(34,68,231)
```
#193df0
```
#193df0 rgb(25,61,240)
```
#0f37fa
```
#0f37fa rgb(15,55,250)
```

Tone Color Variation

Below, you can see how #3550d4 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
#505670 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

#135cc8 Protanomaly 1% of men, 0.01% of women
#1360b8 Deuteranomaly 6% of men, 0.4% of women
#136498 Tritanomaly 0.01% of the population

#3550d4 hex color

#3550d4 Color Information

#3550d4 Color Conversion

Color Schemes with #3550d4

Alternatives to #3550d4

#3550d4 Preview

Shades and Tints of #3550d4

Tones of #3550d4

Color Blindness Simulator