#355fdd hex color

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

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

● #355fdd color description : Bright blue.

The hexadecimal color #355fdd has RGB values of R:53, G:95, B:221 and CMYK values of C:0.76, M:0.57, Y:0, K:0.13. Its decimal value is 3497949.

Hex triplet	355fdd	`#355fdd`
RGB Decimal	53, 95, 221	`rgb(53,95,221)`
RGB Percent	20.8, 37.3, 86.7	`rgb(20.8%,37.3%,86.7%)`
CMYK	76, 57, 0, 13
HSL	225°, 71.2, 53.7	`hsl(225,71.2%,53.7%)`
HSV (or HSB)	225°, 76, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.462, 29.72, -68.496
XYZ	18.609, 14.16, 70.155
xyY	0.181, 0.138, 14.16
CIE-LCH	44.462, 74.666, 293.456
CIE-LUV	44.462, -16.899, -103.846
Hunter-Lab	37.63, 22.418, -84.194
Binary	00110101, 01011111, 11011101

#355fdd
```
#355fdd rgb(53,95,221)
```
#ddb335
```
#ddb335 rgb(221,179,53)
```

Complementary Color

#35b3dd
```
#35b3dd rgb(53,179,221)
```
#355fdd
```
#355fdd rgb(53,95,221)
```
#5f35dd
```
#5f35dd rgb(95,53,221)
```

Analogous Color

#b3dd35
```
#b3dd35 rgb(179,221,53)
```
#355fdd
```
#355fdd rgb(53,95,221)
```
#dd5f35
```
#dd5f35 rgb(221,95,53)
```

Split Complementary Color

#5fdd35
```
#5fdd35 rgb(95,221,53)
```
#355fdd
```
#355fdd rgb(53,95,221)
```
#dd355f
```
#dd355f rgb(221,53,95)
```

Triadic Color

#35ddb3
```
#35ddb3 rgb(53,221,179)
```
#355fdd
```
#355fdd rgb(53,95,221)
```
#dd355f
```
#dd355f rgb(221,53,95)
```
#ddb335
```
#ddb335 rgb(221,179,53)
```

Tetradic Color

#1c40a9
```
#1c40a9 rgb(28,64,169)
```
#2048bf
```
#2048bf rgb(32,72,191)
```
#2450d5
```
#2450d5 rgb(36,80,213)
```
#355fdd
```
#355fdd rgb(53,95,221)
```
#4b70e1
```
#4b70e1 rgb(75,112,225)
```
#6182e4
```
#6182e4 rgb(97,130,228)
```
#7693e8
```
#7693e8 rgb(118,147,232)
```

Monochromatic Color

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

#3589dd
```
#3589dd rgb(53,137,221)
```
#357bdd
```
#357bdd rgb(53,123,221)
```
#356ddd
```
#356ddd rgb(53,109,221)
```
#355fdd
```
#355fdd rgb(53,95,221)
```
#3551dd
```
#3551dd rgb(53,81,221)
```
#3543dd
```
#3543dd rgb(53,67,221)
```
#3535dd
```
#3535dd rgb(53,53,221)
```

Similar Colors

Text with hexadecimal color #355fdd

This text has a font color of #355fdd.

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

#355fdd background color

This paragraph has a background color of #355fdd.

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

#355fdd border color

This element has a border color of #355fdd.

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

CSS codes

.text {color:#355fdd;}

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

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

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)
```
#081332
```
#081332 rgb(8,19,50)
```
#0b1943
```
#0b1943 rgb(11,25,67)
```
#0e1f53
```
#0e1f53 rgb(14,31,83)
```
#112664
```
#112664 rgb(17,38,100)
```
#142c75
```
#142c75 rgb(20,44,117)
```
#173286
```
#173286 rgb(23,50,134)
```
#193997
```
#193997 rgb(25,57,151)
```
#1c3fa7
```
#1c3fa7 rgb(28,63,167)
```
#1f45b8
```
#1f45b8 rgb(31,69,184)
```
#224cc9
```
#224cc9 rgb(34,76,201)
```
#2552da
```
#2552da rgb(37,82,218)
```

Shade Color Variation

#355fdd
```
#355fdd rgb(53,95,221)
```
#466ce0
```
#466ce0 rgb(70,108,224)
```
#577ae3
```
#577ae3 rgb(87,122,227)
```
#6787e5
```
#6787e5 rgb(103,135,229)
```
#7894e8
```
#7894e8 rgb(120,148,232)
```
#89a1eb
```
#89a1eb rgb(137,161,235)
```
#9aafee
```
#9aafee rgb(154,175,238)
```
#abbcf1
```
#abbcf1 rgb(171,188,241)
```
#bbc9f4
```
#bbc9f4 rgb(187,201,244)
```
#ccd7f6
```
#ccd7f6 rgb(204,215,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 #1a51f8 is the most saturated one.

#87888b
```
#87888b rgb(135,136,139)
```
#7e8394
```
#7e8394 rgb(126,131,148)
```
#757f9d
```
#757f9d rgb(117,127,157)
```
#6b7aa7
```
#6b7aa7 rgb(107,122,167)
```
#6276b0
```
#6276b0 rgb(98,118,176)
```
#5971b9
```
#5971b9 rgb(89,113,185)
```
#506dc2
```
#506dc2 rgb(80,109,194)
```
#4768cb
```
#4768cb rgb(71,104,203)
```
#3e64d4
```
#3e64d4 rgb(62,100,212)
```
#355fdd
```
#355fdd rgb(53,95,221)
```
#2c5ae6
```
#2c5ae6 rgb(44,90,230)
```
#2356ef
```
#2356ef rgb(35,86,239)
```
#1a51f8
```
#1a51f8 rgb(26,81,248)
```

Tone Color Variation

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

#1368d8 Protanomaly 1% of men, 0.01% of women
#136cc7 Deuteranomaly 6% of men, 0.4% of women
#1371a3 Tritanomaly 0.01% of the population

#355fdd hex color

#355fdd Color Information

#355fdd Color Conversion

Color Schemes with #355fdd

Alternatives to #355fdd

#355fdd Preview

Shades and Tints of #355fdd

Tones of #355fdd

Color Blindness Simulator