#355de9 hex color

In a RGB color space, hex #355de9 is composed of 20.8% red, 36.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 60.1% magenta, 0% yellow and 8.6% black. It has a hue angle of 226.7 degrees, a saturation of 80.4% and a lightness of 56.1%. #355de9 color hex could be obtained by blending #6abaff with #0000d3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 36
- B 91
RGB color chart
- C 77
- M 60
- Y 0
- K 9
CMYK color chart

● #355de9 color description : Bright blue.

The hexadecimal color #355de9 has RGB values of R:53, G:93, B:233 and CMYK values of C:0.77, M:0.6, Y:0, K:0.09. Its decimal value is 3497449.

Hex triplet	355de9	`#355de9`
RGB Decimal	53, 93, 233	`rgb(53,93,233)`
RGB Percent	20.8, 36.5, 91.4	`rgb(20.8%,36.5%,91.4%)`
CMYK	77, 60, 0, 9
HSL	226.7°, 80.4, 56.1	`hsl(226.7,80.4%,56.1%)`
HSV (or HSB)	226.7°, 77.3, 91.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.896, 35.346, -74.586
XYZ	20.087, 14.467, 78.82
xyY	0.177, 0.128, 14.467
CIE-LCH	44.896, 82.538, 295.356
CIE-LUV	44.896, -16.44, -112.867
Hunter-Lab	38.036, 27.706, -96.239
Binary	00110101, 01011101, 11101001

#355de9
```
#355de9 rgb(53,93,233)
```
#e9c135
```
#e9c135 rgb(233,193,53)
```

Complementary Color

#35b7e9
```
#35b7e9 rgb(53,183,233)
```
#355de9
```
#355de9 rgb(53,93,233)
```
#6735e9
```
#6735e9 rgb(103,53,233)
```

Analogous Color

#b7e935
```
#b7e935 rgb(183,233,53)
```
#355de9
```
#355de9 rgb(53,93,233)
```
#e96735
```
#e96735 rgb(233,103,53)
```

Split Complementary Color

#5de935
```
#5de935 rgb(93,233,53)
```
#355de9
```
#355de9 rgb(53,93,233)
```
#e9355d
```
#e9355d rgb(233,53,93)
```

Triadic Color

#35e9c1
```
#35e9c1 rgb(53,233,193)
```
#355de9
```
#355de9 rgb(53,93,233)
```
#e9355d
```
#e9355d rgb(233,53,93)
```
#e9c135
```
#e9c135 rgb(233,193,53)
```

Tetradic Color

#153abd
```
#153abd rgb(21,58,189)
```
#1741d4
```
#1741d4 rgb(23,65,212)
```
#1e4be6
```
#1e4be6 rgb(30,75,230)
```
#355de9
```
#355de9 rgb(53,93,233)
```
#4c6fec
```
#4c6fec rgb(76,111,236)
```
#6382ee
```
#6382ee rgb(99,130,238)
```
#7a94f1
```
#7a94f1 rgb(122,148,241)
```

Monochromatic Color

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

#358ae9
```
#358ae9 rgb(53,138,233)
```
#357be9
```
#357be9 rgb(53,123,233)
```
#356ce9
```
#356ce9 rgb(53,108,233)
```
#355de9
```
#355de9 rgb(53,93,233)
```
#354ee9
```
#354ee9 rgb(53,78,233)
```
#353fe9
```
#353fe9 rgb(53,63,233)
```
#3a35e9
```
#3a35e9 rgb(58,53,233)
```

Similar Colors

Text with hexadecimal color #355de9

This text has a font color of #355de9.

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

#355de9 background color

This paragraph has a background color of #355de9.

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

#355de9 border color

This element has a border color of #355de9.

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

CSS codes

.text {color:#355de9;}

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

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

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

#01030a
```
#01030a rgb(1,3,10)
```
#03091c
```
#03091c rgb(3,9,28)
```
#050e2e
```
#050e2e rgb(5,14,46)
```
#07133f
```
#07133f rgb(7,19,63)
```
#091951
```
#091951 rgb(9,25,81)
```
#0b1e63
```
#0b1e63 rgb(11,30,99)
```
#0d2474
```
#0d2474 rgb(13,36,116)
```
#0f2986
```
#0f2986 rgb(15,41,134)
```
#112f98
```
#112f98 rgb(17,47,152)
```
#1234a9
```
#1234a9 rgb(18,52,169)
```
#1439bb
```
#1439bb rgb(20,57,187)
```
#163fcd
```
#163fcd rgb(22,63,205)
```
#1844df
```
#1844df rgb(24,68,223)
```

Shade Color Variation

#234fe7
```
#234fe7 rgb(35,79,231)
```
#355de9
```
#355de9 rgb(53,93,233)
```
#476beb
```
#476beb rgb(71,107,235)
```
#5879ed
```
#5879ed rgb(88,121,237)
```
#6a88ef
```
#6a88ef rgb(106,136,239)
```
#7c96f1
```
#7c96f1 rgb(124,150,241)
```
#8da4f3
```
#8da4f3 rgb(141,164,243)
```
#9fb2f5
```
#9fb2f5 rgb(159,178,245)
```
#b1c0f6
```
#b1c0f6 rgb(177,192,246)
```
#c3cef8
```
#c3cef8 rgb(195,206,248)
```
#d4ddfa
```
#d4ddfa rgb(212,221,250)
```
#e6ebfc
```
#e6ebfc rgb(230,235,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8d93 is the less saturated color, while #2453fa is the most saturated one.

#8b8d93
```
#8b8d93 rgb(139,141,147)
```
#83889b
```
#83889b rgb(131,136,155)
```
#7a83a4
```
#7a83a4 rgb(122,131,164)
```
#717fad
```
#717fad rgb(113,127,173)
```
#697ab5
```
#697ab5 rgb(105,122,181)
```
#6075be
```
#6075be rgb(96,117,190)
```
#5770c7
```
#5770c7 rgb(87,112,199)
```
#4f6bcf
```
#4f6bcf rgb(79,107,207)
```
#4667d8
```
#4667d8 rgb(70,103,216)
```
#3e62e0
```
#3e62e0 rgb(62,98,224)
```
#355de9
```
#355de9 rgb(53,93,233)
```
#2c58f2
```
#2c58f2 rgb(44,88,242)
```
#2453fa
```
#2453fa rgb(36,83,250)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#58607c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed8 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1368de Protanomaly 1% of men, 0.01% of women
#136ccc Deuteranomaly 6% of men, 0.4% of women
#1371a8 Tritanomaly 0.01% of the population

#355de9 hex color

#355de9 Color Information

#355de9 Color Conversion

Color Schemes with #355de9

Alternatives to #355de9

#355de9 Preview

Shades and Tints of #355de9

Tones of #355de9

Color Blindness Simulator