#355f9d hex color

In a RGB color space, hex #355f9d is composed of 20.8% red, 37.3% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 39.5% magenta, 0% yellow and 38.4% black. It has a hue angle of 215.8 degrees, a saturation of 49.5% and a lightness of 41.2%. #355f9d color hex could be obtained by blending #6abeff with #00003b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 37
- B 62
RGB color chart
- C 66
- M 39
- Y 0
- K 38
CMYK color chart

● #355f9d color description : Dark moderate blue.

The hexadecimal color #355f9d has RGB values of R:53, G:95, B:157 and CMYK values of C:0.66, M:0.39, Y:0, K:0.38. Its decimal value is 3497885.

Hex triplet	355f9d	`#355f9d`
RGB Decimal	53, 95, 157	`rgb(53,95,157)`
RGB Percent	20.8, 37.3, 61.6	`rgb(20.8%,37.3%,61.6%)`
CMYK	66, 39, 0, 38
HSL	215.8°, 49.5, 41.2	`hsl(215.8,49.5%,41.2%)`
HSV (or HSB)	215.8°, 66.2, 61.6
Web Safe	336699	`#336699`

CIE-LAB	40.205, 6.071, -38.084
XYZ	11.645, 11.375, 33.478
xyY	0.206, 0.201, 11.375
CIE-LCH	40.205, 38.565, 279.058
CIE-LUV	40.205, -17.287, -55.513
Hunter-Lab	33.727, 2.609, -35.245
Binary	00110101, 01011111, 10011101

#355f9d
```
#355f9d rgb(53,95,157)
```
#9d7335
```
#9d7335 rgb(157,115,53)
```

Complementary Color

#35939d
```
#35939d rgb(53,147,157)
```
#355f9d
```
#355f9d rgb(53,95,157)
```
#3f359d
```
#3f359d rgb(63,53,157)
```

Analogous Color

#939d35
```
#939d35 rgb(147,157,53)
```
#355f9d
```
#355f9d rgb(53,95,157)
```
#9d3f35
```
#9d3f35 rgb(157,63,53)
```

Split Complementary Color

#5f9d35
```
#5f9d35 rgb(95,157,53)
```
#355f9d
```
#355f9d rgb(53,95,157)
```
#9d355f
```
#9d355f rgb(157,53,95)
```

Triadic Color

#359d73
```
#359d73 rgb(53,157,115)
```
#355f9d
```
#355f9d rgb(53,95,157)
```
#9d355f
```
#9d355f rgb(157,53,95)
```
#9d7335
```
#9d7335 rgb(157,115,53)
```

Tetradic Color

#223c64
```
#223c64 rgb(34,60,100)
```
#284877
```
#284877 rgb(40,72,119)
```
#2f538a
```
#2f538a rgb(47,83,138)
```
#355f9d
```
#355f9d rgb(53,95,157)
```
#3b6bb0
```
#3b6bb0 rgb(59,107,176)
```
#4577c0
```
#4577c0 rgb(69,119,192)
```
#5885c7
```
#5885c7 rgb(88,133,199)
```

Monochromatic Color

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

#35799d
```
#35799d rgb(53,121,157)
```
#35709d
```
#35709d rgb(53,112,157)
```
#35689d
```
#35689d rgb(53,104,157)
```
#355f9d
```
#355f9d rgb(53,95,157)
```
#35569d
```
#35569d rgb(53,86,157)
```
#354e9d
```
#354e9d rgb(53,78,157)
```
#35459d
```
#35459d rgb(53,69,157)
```

Similar Colors

Text with hexadecimal color #355f9d

This text has a font color of #355f9d.

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

#355f9d background color

This paragraph has a background color of #355f9d.

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

#355f9d border color

This element has a border color of #355f9d.

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

CSS codes

.text {color:#355f9d;}

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

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

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

#03060a
```
#03060a rgb(3,6,10)
```
#080f19
```
#080f19 rgb(8,15,25)
```
#0d1828
```
#0d1828 rgb(13,24,40)
```
#122136
```
#122136 rgb(18,33,54)
```
#172a45
```
#172a45 rgb(23,42,69)
```
#1c3354
```
#1c3354 rgb(28,51,84)
```
#213c62
```
#213c62 rgb(33,60,98)
```
#264471
```
#264471 rgb(38,68,113)
```
#2b4d80
```
#2b4d80 rgb(43,77,128)
```
#30568e
```
#30568e rgb(48,86,142)
```
#355f9d
```
#355f9d rgb(53,95,157)
```
#3a68ac
```
#3a68ac rgb(58,104,172)
```
#3f71ba
```
#3f71ba rgb(63,113,186)
```

Shade Color Variation

#4b7bc2
```
#4b7bc2 rgb(75,123,194)
```
#5986c7
```
#5986c7 rgb(89,134,199)
```
#6890cc
```
#6890cc rgb(104,144,204)
```
#779bd1
```
#779bd1 rgb(119,155,209)
```
#85a6d6
```
#85a6d6 rgb(133,166,214)
```
#94b1db
```
#94b1db rgb(148,177,219)
```
#a3bbe0
```
#a3bbe0 rgb(163,187,224)
```
#b1c6e5
```
#b1c6e5 rgb(177,198,229)
```
#c0d1ea
```
#c0d1ea rgb(192,209,234)
```
#cfdcef
```
#cfdcef rgb(207,220,239)
```
#dde6f4
```
#dde6f4 rgb(221,230,244)
```
#ecf1f9
```
#ecf1f9 rgb(236,241,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #65686d is the less saturated color, while #0556cd is the most saturated one.

#65686d
```
#65686d rgb(101,104,109)
```
#5d6775
```
#5d6775 rgb(93,103,117)
```
#55657d
```
#55657d rgb(85,101,125)
```
#4d6485
```
#4d6485 rgb(77,100,133)
```
#45628d
```
#45628d rgb(69,98,141)
```
#3d6195
```
#3d6195 rgb(61,97,149)
```
#355f9d
```
#355f9d rgb(53,95,157)
```
#2d5da5
```
#2d5da5 rgb(45,93,165)
```
#255cad
```
#255cad rgb(37,92,173)
```
#1d5ab5
```
#1d5ab5 rgb(29,90,181)
```
#1559bd
```
#1559bd rgb(21,89,189)
```
#0d57c5
```
#0d57c5 rgb(13,87,197)
```
#0556cd
```
#0556cd rgb(5,86,205)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#535b67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d65a0 Protanopia 1% of men
#3d67a1 Deuteranopia 1% of men
#1d7078 Tritanopia 0.001% of the population

Trichromacy

#44629f Protanomaly 1% of men, 0.01% of women
#3a64a0 Deuteranomaly 6% of men, 0.4% of women
#266a85 Tritanomaly 0.01% of the population

#355f9d hex color

#355f9d Color Information

#355f9d Color Conversion

Color Schemes with #355f9d

Alternatives to #355f9d

#355f9d Preview

Shades and Tints of #355f9d

Tones of #355f9d

Color Blindness Simulator