#355de4 hex color

In a RGB color space, hex #355de4 is composed of 20.8% red, 36.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 59.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 226.3 degrees, a saturation of 76.4% and a lightness of 55.1%. #355de4 color hex could be obtained by blending #6abaff with #0000c9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 36
- B 89
RGB color chart
- C 77
- M 59
- Y 0
- K 11
CMYK color chart

● #355de4 color description : Bright blue.

The hexadecimal color #355de4 has RGB values of R:53, G:93, B:228 and CMYK values of C:0.77, M:0.59, Y:0, K:0.11. Its decimal value is 3497444.

Hex triplet	355de4	`#355de4`
RGB Decimal	53, 93, 228	`rgb(53,93,228)`
RGB Percent	20.8, 36.5, 89.4	`rgb(20.8%,36.5%,89.4%)`
CMYK	77, 59, 0, 11
HSL	226.3°, 76.4, 55.1	`hsl(226.3,76.4%,55.1%)`
HSV (or HSB)	226.3°, 76.8, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.498, 33.539, -72.41
XYZ	19.383, 14.186, 75.111
xyY	0.178, 0.131, 14.186
CIE-LCH	44.498, 79.8, 294.853
CIE-LUV	44.498, -16.411, -109.491
Hunter-Lab	37.664, 25.951, -91.874
Binary	00110101, 01011101, 11100100

#355de4
```
#355de4 rgb(53,93,228)
```
#e4bc35
```
#e4bc35 rgb(228,188,53)
```

Complementary Color

#35b5e4
```
#35b5e4 rgb(53,181,228)
```
#355de4
```
#355de4 rgb(53,93,228)
```
#6535e4
```
#6535e4 rgb(101,53,228)
```

Analogous Color

#b5e435
```
#b5e435 rgb(181,228,53)
```
#355de4
```
#355de4 rgb(53,93,228)
```
#e46535
```
#e46535 rgb(228,101,53)
```

Split Complementary Color

#5de435
```
#5de435 rgb(93,228,53)
```
#355de4
```
#355de4 rgb(53,93,228)
```
#e4355d
```
#e4355d rgb(228,53,93)
```

Triadic Color

#35e4bc
```
#35e4bc rgb(53,228,188)
```
#355de4
```
#355de4 rgb(53,93,228)
```
#e4355d
```
#e4355d rgb(228,53,93)
```
#e4bc35
```
#e4bc35 rgb(228,188,53)
```

Tetradic Color

#183cb4
```
#183cb4 rgb(24,60,180)
```
#1b43cb
```
#1b43cb rgb(27,67,203)
```
#1f4be1
```
#1f4be1 rgb(31,75,225)
```
#355de4
```
#355de4 rgb(53,93,228)
```
#4b6fe7
```
#4b6fe7 rgb(75,111,231)
```
#6281ea
```
#6281ea rgb(98,129,234)
```
#7893ed
```
#7893ed rgb(120,147,237)
```

Monochromatic Color

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

#3589e4
```
#3589e4 rgb(53,137,228)
```
#357ae4
```
#357ae4 rgb(53,122,228)
```
#356ce4
```
#356ce4 rgb(53,108,228)
```
#355de4
```
#355de4 rgb(53,93,228)
```
#354ee4
```
#354ee4 rgb(53,78,228)
```
#3540e4
```
#3540e4 rgb(53,64,228)
```
#3935e4
```
#3935e4 rgb(57,53,228)
```

Similar Colors

Text with hexadecimal color #355de4

This text has a font color of #355de4.

<span style="color:#355de4;">Text here</span>

#355de4 background color

This paragraph has a background color of #355de4.

<p style="background-color:#355de4;">Content here</p>

#355de4 border color

This element has a border color of #355de4.

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

CSS codes

.text {color:#355de4;}

.background {background-color:#355de4;}

.border {border:1px solid #355de4;}

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

#010206
```
#010206 rgb(1,2,6)
```
#030817
```
#030817 rgb(3,8,23)
```
#050d28
```
#050d28 rgb(5,13,40)
```
#08133a
```
#08133a rgb(8,19,58)
```
#0a194b
```
#0a194b rgb(10,25,75)
```
#0c1f5c
```
#0c1f5c rgb(12,31,92)
```
#0f246d
```
#0f246d rgb(15,36,109)
```
#112a7f
```
#112a7f rgb(17,42,127)
```
#133090
```
#133090 rgb(19,48,144)
```
#1636a1
```
#1636a1 rgb(22,54,161)
```
#183bb3
```
#183bb3 rgb(24,59,179)
```
#1a41c4
```
#1a41c4 rgb(26,65,196)
```
#1d47d5
```
#1d47d5 rgb(29,71,213)
```

Shade Color Variation

#244fe2
```
#244fe2 rgb(36,79,226)
```
#355de4
```
#355de4 rgb(53,93,228)
```
#466be6
```
#466be6 rgb(70,107,230)
```
#5879e9
```
#5879e9 rgb(88,121,233)
```
#6987eb
```
#6987eb rgb(105,135,235)
```
#7a95ed
```
#7a95ed rgb(122,149,237)
```
#8ca2f0
```
#8ca2f0 rgb(140,162,240)
```
#9db0f2
```
#9db0f2 rgb(157,176,242)
```
#aebef4
```
#aebef4 rgb(174,190,244)
```
#bfccf7
```
#bfccf7 rgb(191,204,247)
```
#d1daf9
```
#d1daf9 rgb(209,218,249)
```
#e2e8fb
```
#e2e8fb rgb(226,232,251)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

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

#848895
```
#848895 rgb(132,136,149)
```
#7b839e
```
#7b839e rgb(123,131,158)
```
#737ea6
```
#737ea6 rgb(115,126,166)
```
#6a7aaf
```
#6a7aaf rgb(106,122,175)
```
#6175b8
```
#6175b8 rgb(97,117,184)
```
#5870c1
```
#5870c1 rgb(88,112,193)
```
#4f6bca
```
#4f6bca rgb(79,107,202)
```
#4767d2
```
#4767d2 rgb(71,103,210)
```
#3e62db
```
#3e62db rgb(62,98,219)
```
#355de4
```
#355de4 rgb(53,93,228)
```
#2c58ed
```
#2c58ed rgb(44,88,237)
```
#2353f6
```
#2353f6 rgb(35,83,246)
```
#1b4ffe
```
#1b4ffe rgb(27,79,254)
```

Tone Color Variation

Below, you can see how #355de4 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

#606060 Achromatopsia 0.005% of the population
#575f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1367db Protanomaly 1% of men, 0.01% of women
#136bca Deuteranomaly 6% of men, 0.4% of women
#1370a6 Tritanomaly 0.01% of the population

#355de4 hex color

#355de4 Color Information

#355de4 Color Conversion

Color Schemes with #355de4

Alternatives to #355de4

#355de4 Preview

Shades and Tints of #355de4

Tones of #355de4

Color Blindness Simulator