#355f7c hex color

In a RGB color space, hex #355f7c is composed of 20.8% red, 37.3% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 23.4% magenta, 0% yellow and 51.4% black. It has a hue angle of 204.5 degrees, a saturation of 40.1% and a lightness of 34.7%. #355f7c color hex could be obtained by blending #6abef8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 37
- B 49
RGB color chart
- C 57
- M 23
- Y 0
- K 51
CMYK color chart

● #355f7c color description : Dark moderate blue.

The hexadecimal color #355f7c has RGB values of R:53, G:95, B:124 and CMYK values of C:0.57, M:0.23, Y:0, K:0.51. Its decimal value is 3497852.

Hex triplet	355f7c	`#355f7c`
RGB Decimal	53, 95, 124	`rgb(53,95,124)`
RGB Percent	20.8, 37.3, 48.6	`rgb(20.8%,37.3%,48.6%)`
CMYK	57, 23, 0, 51
HSL	204.5°, 40.1, 34.7	`hsl(204.5,40.1%,34.7%)`
HSV (or HSB)	204.5°, 57.3, 48.6
Web Safe	336666	`#336666`

CIE-LAB	38.544, -5.55, -20.755
XYZ	9.198, 10.396, 20.59
xyY	0.229, 0.259, 10.396
CIE-LCH	38.544, 21.484, 255.028
CIE-LUV	38.544, -17.888, -28.055
Hunter-Lab	32.243, -5.506, -15.291
Binary	00110101, 01011111, 01111100

#355f7c
```
#355f7c rgb(53,95,124)
```
#7c5235
```
#7c5235 rgb(124,82,53)
```

Complementary Color

#357c76
```
#357c76 rgb(53,124,118)
```
#355f7c
```
#355f7c rgb(53,95,124)
```
#353c7c
```
#353c7c rgb(53,60,124)
```

Analogous Color

#7c7635
```
#7c7635 rgb(124,118,53)
```
#355f7c
```
#355f7c rgb(53,95,124)
```
#7c353c
```
#7c353c rgb(124,53,60)
```

Split Complementary Color

#5f7c35
```
#5f7c35 rgb(95,124,53)
```
#355f7c
```
#355f7c rgb(53,95,124)
```
#7c355f
```
#7c355f rgb(124,53,95)
```

Triadic Color

#357c52
```
#357c52 rgb(53,124,82)
```
#355f7c
```
#355f7c rgb(53,95,124)
```
#7c355f
```
#7c355f rgb(124,53,95)
```
#7c5235
```
#7c5235 rgb(124,82,53)
```

Tetradic Color

#1e3646
```
#1e3646 rgb(30,54,70)
```
#264458
```
#264458 rgb(38,68,88)
```
#2d516a
```
#2d516a rgb(45,81,106)
```
#355f7c
```
#355f7c rgb(53,95,124)
```
#3d6d8e
```
#3d6d8e rgb(61,109,142)
```
#447aa0
```
#447aa0 rgb(68,122,160)
```
#4c88b2
```
#4c88b2 rgb(76,136,178)
```

Monochromatic Color

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

#35717c
```
#35717c rgb(53,113,124)
```
#356b7c
```
#356b7c rgb(53,107,124)
```
#35657c
```
#35657c rgb(53,101,124)
```
#355f7c
```
#355f7c rgb(53,95,124)
```
#35597c
```
#35597c rgb(53,89,124)
```
#35537c
```
#35537c rgb(53,83,124)
```
#354d7c
```
#354d7c rgb(53,77,124)
```

Similar Colors

Text with hexadecimal color #355f7c

This text has a font color of #355f7c.

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

#355f7c background color

This paragraph has a background color of #355f7c.

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

#355f7c border color

This element has a border color of #355f7c.

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

CSS codes

.text {color:#355f7c;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060b0e
```
#060b0e rgb(6,11,14)
```
#0c151c
```
#0c151c rgb(12,21,28)
```
#12202a
```
#12202a rgb(18,32,42)
```
#182a37
```
#182a37 rgb(24,42,55)
```
#1e3545
```
#1e3545 rgb(30,53,69)
```
#233f53
```
#233f53 rgb(35,63,83)
```
#294a61
```
#294a61 rgb(41,74,97)
```
#2f546e
```
#2f546e rgb(47,84,110)
```
#355f7c
```
#355f7c rgb(53,95,124)
```
#3b6a8a
```
#3b6a8a rgb(59,106,138)
```
#417497
```
#417497 rgb(65,116,151)
```
#477fa5
```
#477fa5 rgb(71,127,165)
```

Shade Color Variation

#4d89b3
```
#4d89b3 rgb(77,137,179)
```
#5a92b9
```
#5a92b9 rgb(90,146,185)
```
#689bbf
```
#689bbf rgb(104,155,191)
```
#76a4c4
```
#76a4c4 rgb(118,164,196)
```
#84adca
```
#84adca rgb(132,173,202)
```
#91b7d0
```
#91b7d0 rgb(145,183,208)
```
#9fc0d6
```
#9fc0d6 rgb(159,192,214)
```
#adc9dc
```
#adc9dc rgb(173,201,220)
```
#bbd2e2
```
#bbd2e2 rgb(187,210,226)
```
#c8dbe8
```
#c8dbe8 rgb(200,219,232)
```
#d6e4ee
```
#d6e4ee rgb(214,228,238)
```
#e4edf3
```
#e4edf3 rgb(228,237,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57595a is the less saturated color, while #0568ac is the most saturated one.

#57595a
```
#57595a rgb(87,89,90)
```
#505a61
```
#505a61 rgb(80,90,97)
```
#495b68
```
#495b68 rgb(73,91,104)
```
#435d6e
```
#435d6e rgb(67,93,110)
```
#3c5e75
```
#3c5e75 rgb(60,94,117)
```
#355f7c
```
#355f7c rgb(53,95,124)
```
#2e6083
```
#2e6083 rgb(46,96,131)
```
#27618a
```
#27618a rgb(39,97,138)
```
#216390
```
#216390 rgb(33,99,144)
```
#1a6497
```
#1a6497 rgb(26,100,151)
```
#13659e
```
#13659e rgb(19,101,158)
```
#0c66a5
```
#0c66a5 rgb(12,102,165)
```
#0568ac
```
#0568ac rgb(5,104,172)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f585e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a627f Protanopia 1% of men
#576284 Deuteranopia 1% of men
#376a72 Tritanopia 0.001% of the population

Trichromacy

#4d617e Protanomaly 1% of men, 0.01% of women
#4b6181 Deuteranomaly 6% of men, 0.4% of women
#366675 Tritanomaly 0.01% of the population

#355f7c hex color

#355f7c Color Information

#355f7c Color Conversion

Color Schemes with #355f7c

Alternatives to #355f7c

#355f7c Preview

Shades and Tints of #355f7c

Tones of #355f7c

Color Blindness Simulator