#355ddd hex color

In a RGB color space, hex #355ddd is composed of 20.8% red, 36.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 57.9% magenta, 0% yellow and 13.3% black. It has a hue angle of 225.7 degrees, a saturation of 71.2% and a lightness of 53.7%. #355ddd color hex could be obtained by blending #6abaff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 36
- B 87
RGB color chart
- C 76
- M 58
- Y 0
- K 13
CMYK color chart

● #355ddd color description : Bright blue.

The hexadecimal color #355ddd has RGB values of R:53, G:93, B:221 and CMYK values of C:0.76, M:0.58, Y:0, K:0.13. Its decimal value is 3497437.

Hex triplet	355ddd	`#355ddd`
RGB Decimal	53, 93, 221	`rgb(53,93,221)`
RGB Percent	20.8, 36.5, 86.7	`rgb(20.8%,36.5%,86.7%)`
CMYK	76, 58, 0, 13
HSL	225.7°, 71.2, 53.7	`hsl(225.7,71.2%,53.7%)`
HSV (or HSB)	225.7°, 76, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.952, 30.993, -69.328
XYZ	18.431, 13.805, 70.096
xyY	0.18, 0.135, 13.805
CIE-LCH	43.952, 75.94, 294.087
CIE-LUV	43.952, -16.379, -104.697
Hunter-Lab	37.155, 23.526, -85.848
Binary	00110101, 01011101, 11011101

#355ddd
```
#355ddd rgb(53,93,221)
```
#ddb535
```
#ddb535 rgb(221,181,53)
```

Complementary Color

#35b1dd
```
#35b1dd rgb(53,177,221)
```
#355ddd
```
#355ddd rgb(53,93,221)
```
#6135dd
```
#6135dd rgb(97,53,221)
```

Analogous Color

#b1dd35
```
#b1dd35 rgb(177,221,53)
```
#355ddd
```
#355ddd rgb(53,93,221)
```
#dd6135
```
#dd6135 rgb(221,97,53)
```

Split Complementary Color

#5ddd35
```
#5ddd35 rgb(93,221,53)
```
#355ddd
```
#355ddd rgb(53,93,221)
```
#dd355d
```
#dd355d rgb(221,53,93)
```

Triadic Color

#35ddb5
```
#35ddb5 rgb(53,221,181)
```
#355ddd
```
#355ddd rgb(53,93,221)
```
#dd355d
```
#dd355d rgb(221,53,93)
```
#ddb535
```
#ddb535 rgb(221,181,53)
```

Tetradic Color

#1c3ea9
```
#1c3ea9 rgb(28,62,169)
```
#2046bf
```
#2046bf rgb(32,70,191)
```
#244ed5
```
#244ed5 rgb(36,78,213)
```
#355ddd
```
#355ddd rgb(53,93,221)
```
#4b6fe1
```
#4b6fe1 rgb(75,111,225)
```
#6180e4
```
#6180e4 rgb(97,128,228)
```
#7692e8
```
#7692e8 rgb(118,146,232)
```

Monochromatic Color

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

#3587dd
```
#3587dd rgb(53,135,221)
```
#3579dd
```
#3579dd rgb(53,121,221)
```
#356bdd
```
#356bdd rgb(53,107,221)
```
#355ddd
```
#355ddd rgb(53,93,221)
```
#354fdd
```
#354fdd rgb(53,79,221)
```
#3541dd
```
#3541dd rgb(53,65,221)
```
#3735dd
```
#3735dd rgb(55,53,221)
```

Similar Colors

Text with hexadecimal color #355ddd

This text has a font color of #355ddd.

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

#355ddd background color

This paragraph has a background color of #355ddd.

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

#355ddd border color

This element has a border color of #355ddd.

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

CSS codes

.text {color:#355ddd;}

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

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

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

#030610
```
#030610 rgb(3,6,16)
```
#060c21
```
#060c21 rgb(6,12,33)
```
#081232
```
#081232 rgb(8,18,50)
```
#0b1843
```
#0b1843 rgb(11,24,67)
```
#0e1f53
```
#0e1f53 rgb(14,31,83)
```
#112564
```
#112564 rgb(17,37,100)
```
#142b75
```
#142b75 rgb(20,43,117)
```
#173186
```
#173186 rgb(23,49,134)
```
#193797
```
#193797 rgb(25,55,151)
```
#1c3da7
```
#1c3da7 rgb(28,61,167)
```
#1f43b8
```
#1f43b8 rgb(31,67,184)
```
#224ac9
```
#224ac9 rgb(34,74,201)
```
#2550da
```
#2550da rgb(37,80,218)
```

Shade Color Variation

#355ddd
```
#355ddd rgb(53,93,221)
```
#466ae0
```
#466ae0 rgb(70,106,224)
```
#5778e3
```
#5778e3 rgb(87,120,227)
```
#6785e5
```
#6785e5 rgb(103,133,229)
```
#7893e8
```
#7893e8 rgb(120,147,232)
```
#89a0eb
```
#89a0eb rgb(137,160,235)
```
#9aaeee
```
#9aaeee rgb(154,174,238)
```
#abbbf1
```
#abbbf1 rgb(171,187,241)
```
#bbc9f4
```
#bbc9f4 rgb(187,201,244)
```
#ccd6f6
```
#ccd6f6 rgb(204,214,246)
```
#dde4f9
```
#dde4f9 rgb(221,228,249)
```
#eef1fc
```
#eef1fc rgb(238,241,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#87888b
```
#87888b rgb(135,136,139)
```
#7e8394
```
#7e8394 rgb(126,131,148)
```
#757e9d
```
#757e9d rgb(117,126,157)
```
#6b7aa7
```
#6b7aa7 rgb(107,122,167)
```
#6275b0
```
#6275b0 rgb(98,117,176)
```
#5970b9
```
#5970b9 rgb(89,112,185)
```
#506bc2
```
#506bc2 rgb(80,107,194)
```
#4767cb
```
#4767cb rgb(71,103,203)
```
#3e62d4
```
#3e62d4 rgb(62,98,212)
```
#355ddd
```
#355ddd rgb(53,93,221)
```
#2c58e6
```
#2c58e6 rgb(44,88,230)
```
#2353ef
```
#2353ef rgb(35,83,239)
```
#1a4ff8
```
#1a4ff8 rgb(26,79,248)
```

Tone Color Variation

Below, you can see how #355ddd 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
#575f79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd4 Protanopia 1% of men
#0072b9 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1366d7 Protanomaly 1% of men, 0.01% of women
#136ac6 Deuteranomaly 6% of men, 0.4% of women
#136fa3 Tritanomaly 0.01% of the population

#355ddd hex color

#355ddd Color Information

#355ddd Color Conversion

Color Schemes with #355ddd

Alternatives to #355ddd

#355ddd Preview

Shades and Tints of #355ddd

Tones of #355ddd

Color Blindness Simulator