#356a74 hex color

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

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

● #356a74 color description : Dark moderate cyan.

The hexadecimal color #356a74 has RGB values of R:53, G:106, B:116 and CMYK values of C:0.54, M:0.09, Y:0, K:0.55. Its decimal value is 3500660.

Hex triplet	356a74	`#356a74`
RGB Decimal	53, 106, 116	`rgb(53,106,116)`
RGB Percent	20.8, 41.6, 45.5	`rgb(20.8%,41.6%,45.5%)`
CMYK	54, 9, 0, 55
HSL	189.5°, 37.3, 33.1	`hsl(189.5,37.3%,33.1%)`
HSV (or HSB)	189.5°, 54.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	41.728, -14.58, -11.013
XYZ	9.774, 12.325, 18.386
xyY	0.241, 0.304, 12.325
CIE-LCH	41.728, 18.272, 217.065
CIE-LUV	41.728, -22.426, -13.177
Hunter-Lab	35.107, -11.744, -6.476
Binary	00110101, 01101010, 01110100

#356a74
```
#356a74 rgb(53,106,116)
```
#743f35
```
#743f35 rgb(116,63,53)
```

Complementary Color

#35745e
```
#35745e rgb(53,116,94)
```
#356a74
```
#356a74 rgb(53,106,116)
```
#354b74
```
#354b74 rgb(53,75,116)
```

Analogous Color

#745e35
```
#745e35 rgb(116,94,53)
```
#356a74
```
#356a74 rgb(53,106,116)
```
#74354b
```
#74354b rgb(116,53,75)
```

Split Complementary Color

#6a7435
```
#6a7435 rgb(106,116,53)
```
#356a74
```
#356a74 rgb(53,106,116)
```
#74356a
```
#74356a rgb(116,53,106)
```

Triadic Color

#35743f
```
#35743f rgb(53,116,63)
```
#356a74
```
#356a74 rgb(53,106,116)
```
#74356a
```
#74356a rgb(116,53,106)
```
#743f35
```
#743f35 rgb(116,63,53)
```

Tetradic Color

#1d3a3f
```
#1d3a3f rgb(29,58,63)
```
#254a51
```
#254a51 rgb(37,74,81)
```
#2d5a62
```
#2d5a62 rgb(45,90,98)
```
#356a74
```
#356a74 rgb(53,106,116)
```
#3d7a86
```
#3d7a86 rgb(61,122,134)
```
#458a97
```
#458a97 rgb(69,138,151)
```
#4d9aa9
```
#4d9aa9 rgb(77,154,169)
```

Monochromatic Color

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

#35746e
```
#35746e rgb(53,116,110)
```
#357474
```
#357474 rgb(53,116,116)
```
#356f74
```
#356f74 rgb(53,111,116)
```
#356a74
```
#356a74 rgb(53,106,116)
```
#356574
```
#356574 rgb(53,101,116)
```
#356074
```
#356074 rgb(53,96,116)
```
#355a74
```
#355a74 rgb(53,90,116)
```

Similar Colors

Text with hexadecimal color #356a74

This text has a font color of #356a74.

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

#356a74 background color

This paragraph has a background color of #356a74.

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

#356a74 border color

This element has a border color of #356a74.

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

CSS codes

.text {color:#356a74;}

.background {background-color:#356a74;}

.border {border:1px solid #356a74;}

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

#040808
```
#040808 rgb(4,8,8)
```
#0a1416
```
#0a1416 rgb(10,20,22)
```
#102023
```
#102023 rgb(16,32,35)
```
#162c31
```
#162c31 rgb(22,44,49)
```
#1c393e
```
#1c393e rgb(28,57,62)
```
#23454c
```
#23454c rgb(35,69,76)
```
#295159
```
#295159 rgb(41,81,89)
```
#2f5e67
```
#2f5e67 rgb(47,94,103)
```
#356a74
```
#356a74 rgb(53,106,116)
```
#3b7681
```
#3b7681 rgb(59,118,129)
```
#41838f
```
#41838f rgb(65,131,143)
```
#478f9c
```
#478f9c rgb(71,143,156)
```
#4e9baa
```
#4e9baa rgb(78,155,170)
```

Shade Color Variation

#58a4b3
```
#58a4b3 rgb(88,164,179)
```
#66acb9
```
#66acb9 rgb(102,172,185)
```
#73b3bf
```
#73b3bf rgb(115,179,191)
```
#81bac5
```
#81bac5 rgb(129,186,197)
```
#8ec2cb
```
#8ec2cb rgb(142,194,203)
```
#9cc9d2
```
#9cc9d2 rgb(156,201,210)
```
#a9d0d8
```
#a9d0d8 rgb(169,208,216)
```
#b7d8de
```
#b7d8de rgb(183,216,222)
```
#c4dfe4
```
#c4dfe4 rgb(196,223,228)
```
#d1e6ea
```
#d1e6ea rgb(209,230,234)
```
#dfeef0
```
#dfeef0 rgb(223,238,240)
```
#ecf5f6
```
#ecf5f6 rgb(236,245,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#4f585a
```
#4f585a rgb(79,88,90)
```
#495d61
```
#495d61 rgb(73,93,97)
```
#426167
```
#426167 rgb(66,97,103)
```
#3c666e
```
#3c666e rgb(60,102,110)
```
#356a74
```
#356a74 rgb(53,106,116)
```
#2f6e7b
```
#2f6e7b rgb(47,110,123)
```
#287381
```
#287381 rgb(40,115,129)
```
#227788
```
#227788 rgb(34,119,136)
```
#1b7c8e
```
#1b7c8e rgb(27,124,142)
```
#158095
```
#158095 rgb(21,128,149)
```
#0e859b
```
#0e859b rgb(14,133,155)
```
#0789a2
```
#0789a2 rgb(7,137,162)
```
#018da8
```
#018da8 rgb(1,141,168)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#535e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686976 Protanopia 1% of men
#69687e Deuteranopia 1% of men
#3f717a Tritanopia 0.001% of the population

Trichromacy

#556975 Protanomaly 1% of men, 0.01% of women
#56697a Deuteranomaly 6% of men, 0.4% of women
#3b6f77 Tritanomaly 0.01% of the population

#356a74 hex color

#356a74 Color Information

#356a74 Color Conversion

Color Schemes with #356a74

Alternatives to #356a74

#356a74 Preview

Shades and Tints of #356a74

Tones of #356a74

Color Blindness Simulator