#356474 hex color

In a RGB color space, hex #356474 is composed of 20.8% red, 39.2% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 13.8% magenta, 0% yellow and 54.5% black. It has a hue angle of 195.2 degrees, a saturation of 37.3% and a lightness of 33.1%. #356474 color hex could be obtained by blending #6ac8e8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 21
- G 39
- B 45
RGB color chart
- C 54
- M 14
- Y 0
- K 55
CMYK color chart

● #356474 color description : Dark moderate blue.

The hexadecimal color #356474 has RGB values of R:53, G:100, B:116 and CMYK values of C:0.54, M:0.14, Y:0, K:0.55. Its decimal value is 3499124.

Hex triplet	356474	`#356474`
RGB Decimal	53, 100, 116	`rgb(53,100,116)`
RGB Percent	20.8, 39.2, 45.5	`rgb(20.8%,39.2%,45.5%)`
CMYK	54, 14, 0, 55
HSL	195.2°, 37.3, 33.1	`hsl(195.2,37.3%,33.1%)`
HSV (or HSB)	195.2°, 54.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	39.801, -11.142, -13.936
XYZ	9.177, 11.132, 18.187
xyY	0.238, 0.289, 11.132
CIE-LCH	39.801, 17.842, 231.357
CIE-LUV	39.801, -20.041, -17.642
Hunter-Lab	33.364, -9.29, -8.965
Binary	00110101, 01100100, 01110100

#356474
```
#356474 rgb(53,100,116)
```
#744535
```
#744535 rgb(116,69,53)
```

Complementary Color

#357465
```
#357465 rgb(53,116,101)
```
#356474
```
#356474 rgb(53,100,116)
```
#354574
```
#354574 rgb(53,69,116)
```

Analogous Color

#746535
```
#746535 rgb(116,101,53)
```
#356474
```
#356474 rgb(53,100,116)
```
#743545
```
#743545 rgb(116,53,69)
```

Split Complementary Color

#647435
```
#647435 rgb(100,116,53)
```
#356474
```
#356474 rgb(53,100,116)
```
#743564
```
#743564 rgb(116,53,100)
```

Triadic Color

#357445
```
#357445 rgb(53,116,69)
```
#356474
```
#356474 rgb(53,100,116)
```
#743564
```
#743564 rgb(116,53,100)
```
#744535
```
#744535 rgb(116,69,53)
```

Tetradic Color

#1d373f
```
#1d373f rgb(29,55,63)
```
#254651
```
#254651 rgb(37,70,81)
```
#2d5562
```
#2d5562 rgb(45,85,98)
```
#356474
```
#356474 rgb(53,100,116)
```
#3d7386
```
#3d7386 rgb(61,115,134)
```
#458297
```
#458297 rgb(69,130,151)
```
#4d91a9
```
#4d91a9 rgb(77,145,169)
```

Monochromatic Color

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

#357474
```
#357474 rgb(53,116,116)
```
#356f74
```
#356f74 rgb(53,111,116)
```
#356974
```
#356974 rgb(53,105,116)
```
#356474
```
#356474 rgb(53,100,116)
```
#355f74
```
#355f74 rgb(53,95,116)
```
#355a74
```
#355a74 rgb(53,90,116)
```
#355474
```
#355474 rgb(53,84,116)
```

Similar Colors

Text with hexadecimal color #356474

This text has a font color of #356474.

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

#356474 background color

This paragraph has a background color of #356474.

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

#356474 border color

This element has a border color of #356474.

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

CSS codes

.text {color:#356474;}

.background {background-color:#356474;}

.border {border:1px solid #356474;}

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

#040708
```
#040708 rgb(4,7,8)
```
#0a1316
```
#0a1316 rgb(10,19,22)
```
#101e23
```
#101e23 rgb(16,30,35)
```
#162a31
```
#162a31 rgb(22,42,49)
```
#1c363e
```
#1c363e rgb(28,54,62)
```
#23414c
```
#23414c rgb(35,65,76)
```
#294d59
```
#294d59 rgb(41,77,89)
```
#2f5867
```
#2f5867 rgb(47,88,103)
```
#356474
```
#356474 rgb(53,100,116)
```
#3b7081
```
#3b7081 rgb(59,112,129)
```
#417b8f
```
#417b8f rgb(65,123,143)
```
#47879c
```
#47879c rgb(71,135,156)
```
#4e92aa
```
#4e92aa rgb(78,146,170)
```

Shade Color Variation

#589cb3
```
#589cb3 rgb(88,156,179)
```
#66a4b9
```
#66a4b9 rgb(102,164,185)
```
#73acbf
```
#73acbf rgb(115,172,191)
```
#81b4c5
```
#81b4c5 rgb(129,180,197)
```
#8ebccb
```
#8ebccb rgb(142,188,203)
```
#9cc4d2
```
#9cc4d2 rgb(156,196,210)
```
#a9ccd8
```
#a9ccd8 rgb(169,204,216)
```
#b7d4de
```
#b7d4de rgb(183,212,222)
```
#c4dce4
```
#c4dce4 rgb(196,220,228)
```
#d1e4ea
```
#d1e4ea rgb(209,228,234)
```
#dfecf0
```
#dfecf0 rgb(223,236,240)
```
#ecf4f6
```
#ecf4f6 rgb(236,244,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f575a is the less saturated color, while #017ea8 is the most saturated one.

#4f575a
```
#4f575a rgb(79,87,90)
```
#495a61
```
#495a61 rgb(73,90,97)
```
#425e67
```
#425e67 rgb(66,94,103)
```
#3c616e
```
#3c616e rgb(60,97,110)
```
#356474
```
#356474 rgb(53,100,116)
```
#2f677b
```
#2f677b rgb(47,103,123)
```
#286a81
```
#286a81 rgb(40,106,129)
```
#226e88
```
#226e88 rgb(34,110,136)
```
#1b718e
```
#1b718e rgb(27,113,142)
```
#157495
```
#157495 rgb(21,116,149)
```
#0e779b
```
#0e779b rgb(14,119,155)
```
#077aa2
```
#077aa2 rgb(7,122,162)
```
#017ea8
```
#017ea8 rgb(1,126,168)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#515a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#626577 Protanopia 1% of men
#62647e Deuteranopia 1% of men
#3c6d75 Tritanopia 0.001% of the population

Trichromacy

#516475 Protanomaly 1% of men, 0.01% of women
#51647a Deuteranomaly 6% of men, 0.4% of women
#396974 Tritanomaly 0.01% of the population

#356474 hex color

#356474 Color Information

#356474 Color Conversion

Color Schemes with #356474

Alternatives to #356474

#356474 Preview

Shades and Tints of #356474

Tones of #356474

Color Blindness Simulator