#35557e hex color

In a RGB color space, hex #35557e is composed of 20.8% red, 33.3% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 32.5% magenta, 0% yellow and 50.6% black. It has a hue angle of 213.7 degrees, a saturation of 40.8% and a lightness of 35.1%. #35557e color hex could be obtained by blending #6aaafc with #000000. Closest websafe color is: #336666.

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

● #35557e color description : Dark moderate blue.

The hexadecimal color #35557e has RGB values of R:53, G:85, B:126 and CMYK values of C:0.58, M:0.33, Y:0, K:0.51. Its decimal value is 3495294.

Hex triplet	35557e	`#35557e`
RGB Decimal	53, 85, 126	`rgb(53,85,126)`
RGB Percent	20.8, 33.3, 49.4	`rgb(20.8%,33.3%,49.4%)`
CMYK	58, 33, 0, 51
HSL	213.7°, 40.8, 35.1	`hsl(213.7,40.8%,35.1%)`
HSV (or HSB)	213.7°, 57.9, 49.4
Web Safe	336666	`#336666`

CIE-LAB	35.518, 1.377, -26.696
XYZ	8.482, 8.76, 20.981
xyY	0.222, 0.229, 8.76
CIE-LCH	35.518, 26.731, 272.953
CIE-LUV	35.518, -14.113, -36.768
Hunter-Lab	29.597, -0.641, -21.313
Binary	00110101, 01010101, 01111110

#35557e
```
#35557e rgb(53,85,126)
```
#7e5e35
```
#7e5e35 rgb(126,94,53)
```

Complementary Color

#357a7e
```
#357a7e rgb(53,122,126)
```
#35557e
```
#35557e rgb(53,85,126)
```
#3a357e
```
#3a357e rgb(58,53,126)
```

Analogous Color

#7a7e35
```
#7a7e35 rgb(122,126,53)
```
#35557e
```
#35557e rgb(53,85,126)
```
#7e3a35
```
#7e3a35 rgb(126,58,53)
```

Split Complementary Color

#557e35
```
#557e35 rgb(85,126,53)
```
#35557e
```
#35557e rgb(53,85,126)
```
#7e3555
```
#7e3555 rgb(126,53,85)
```

Triadic Color

#357e5e
```
#357e5e rgb(53,126,94)
```
#35557e
```
#35557e rgb(53,85,126)
```
#7e3555
```
#7e3555 rgb(126,53,85)
```
#7e5e35
```
#7e5e35 rgb(126,94,53)
```

Tetradic Color

#1e3148
```
#1e3148 rgb(30,49,72)
```
#263d5a
```
#263d5a rgb(38,61,90)
```
#2d496c
```
#2d496c rgb(45,73,108)
```
#35557e
```
#35557e rgb(53,85,126)
```
#3d6190
```
#3d6190 rgb(61,97,144)
```
#446da2
```
#446da2 rgb(68,109,162)
```
#4c79b4
```
#4c79b4 rgb(76,121,180)
```

Monochromatic Color

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

#35677e
```
#35677e rgb(53,103,126)
```
#35617e
```
#35617e rgb(53,97,126)
```
#355b7e
```
#355b7e rgb(53,91,126)
```
#35557e
```
#35557e rgb(53,85,126)
```
#354f7e
```
#354f7e rgb(53,79,126)
```
#35497e
```
#35497e rgb(53,73,126)
```
#35437e
```
#35437e rgb(53,67,126)
```

Similar Colors

Text with hexadecimal color #35557e

This text has a font color of #35557e.

<span style="color:#35557e;">Text here</span>

#35557e background color

This paragraph has a background color of #35557e.

<p style="background-color:#35557e;">Content here</p>

#35557e border color

This element has a border color of #35557e.

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

CSS codes

.text {color:#35557e;}

.background {background-color:#35557e;}

.border {border:1px solid #35557e;}

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

#010102
```
#010102 rgb(1,1,2)
```
#070a10
```
#070a10 rgb(7,10,16)
```
#0c141d
```
#0c141d rgb(12,20,29)
```
#121d2b
```
#121d2b rgb(18,29,43)
```
#182639
```
#182639 rgb(24,38,57)
```
#1e3047
```
#1e3047 rgb(30,48,71)
```
#243955
```
#243955 rgb(36,57,85)
```
#294262
```
#294262 rgb(41,66,98)
```
#2f4c70
```
#2f4c70 rgb(47,76,112)
```
#35557e
```
#35557e rgb(53,85,126)
```
#3b5e8c
```
#3b5e8c rgb(59,94,140)
```
#41689a
```
#41689a rgb(65,104,154)
```
#4671a7
```
#4671a7 rgb(70,113,167)
```

Shade Color Variation

#4d7ab4
```
#4d7ab4 rgb(77,122,180)
```
#5b85ba
```
#5b85ba rgb(91,133,186)
```
#698fc0
```
#698fc0 rgb(105,143,192)
```
#7799c6
```
#7799c6 rgb(119,153,198)
```
#84a4cb
```
#84a4cb rgb(132,164,203)
```
#92aed1
```
#92aed1 rgb(146,174,209)
```
#a0b8d7
```
#a0b8d7 rgb(160,184,215)
```
#aec2dd
```
#aec2dd rgb(174,194,221)
```
#bccde3
```
#bccde3 rgb(188,205,227)
```
#cad7e8
```
#cad7e8 rgb(202,215,232)
```
#d7e1ee
```
#d7e1ee rgb(215,225,238)
```
#e5ecf4
```
#e5ecf4 rgb(229,236,244)
```
#f3f6fa
```
#f3f6fa rgb(243,246,250)
```

Tint Color Variation

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

#57595c
```
#57595c rgb(87,89,92)
```
#515862
```
#515862 rgb(81,88,98)
```
#4a5869
```
#4a5869 rgb(74,88,105)
```
#435770
```
#435770 rgb(67,87,112)
```
#3c5677
```
#3c5677 rgb(60,86,119)
```
#35557e
```
#35557e rgb(53,85,126)
```
#2e5485
```
#2e5485 rgb(46,84,133)
```
#27538c
```
#27538c rgb(39,83,140)
```
#205293
```
#205293 rgb(32,82,147)
```
#19529a
```
#19529a rgb(25,82,154)
```
#1351a0
```
#1351a0 rgb(19,81,160)
```
#0c50a7
```
#0c50a7 rgb(12,80,167)
```
#054fae
```
#054fae rgb(5,79,174)
```

Tone Color Variation

Below, you can see how #35557e 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

#505050 Achromatopsia 0.005% of the population
#4b5159 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e5b82 Protanopia 1% of men
#485c85 Deuteranopia 1% of men
#32636a Tritanopia 0.001% of the population

Trichromacy

#455881 Protanomaly 1% of men, 0.01% of women
#415982 Deuteranomaly 6% of men, 0.4% of women
#335e71 Tritanomaly 0.01% of the population

#35557e hex color

#35557e Color Information

#35557e Color Conversion

Color Schemes with #35557e

Alternatives to #35557e

#35557e Preview

Shades and Tints of #35557e

Tones of #35557e

Color Blindness Simulator