#354256 hex color

In a RGB color space, hex #354256 is composed of 20.8% red, 25.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 38.4% cyan, 23.3% magenta, 0% yellow and 66.3% black. It has a hue angle of 216.4 degrees, a saturation of 23.7% and a lightness of 27.3%. #354256 color hex could be obtained by blending #6a84ac with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 26
- B 34
RGB color chart
- C 38
- M 23
- Y 0
- K 66
CMYK color chart

● #354256 color description : Very dark desaturated blue.

The hexadecimal color #354256 has RGB values of R:53, G:66, B:86 and CMYK values of C:0.38, M:0.23, Y:0, K:0.66. Its decimal value is 3490390.

Hex triplet	354256	`#354256`
RGB Decimal	53, 66, 86	`rgb(53,66,86)`
RGB Percent	20.8, 25.9, 33.7	`rgb(20.8%,25.9%,33.7%)`
CMYK	38, 23, 0, 66
HSL	216.4°, 23.7, 27.3	`hsl(216.4,23.7%,27.3%)`
HSV (or HSB)	216.4°, 38.4, 33.7
Web Safe	333366	`#333366`

CIE-LAB	27.641, 0.426, -13.657
XYZ	5.096, 5.325, 9.563
xyY	0.255, 0.266, 5.325
CIE-LCH	27.641, 13.664, 271.787
CIE-LUV	27.641, -6.65, -16.774
Hunter-Lab	23.076, -0.966, -8.417
Binary	00110101, 01000010, 01010110

#354256
```
#354256 rgb(53,66,86)
```
#564935
```
#564935 rgb(86,73,53)
```

Complementary Color

#355356
```
#355356 rgb(53,83,86)
```
#354256
```
#354256 rgb(53,66,86)
```
#393556
```
#393556 rgb(57,53,86)
```

Analogous Color

#535635
```
#535635 rgb(83,86,53)
```
#354256
```
#354256 rgb(53,66,86)
```
#563935
```
#563935 rgb(86,57,53)
```

Split Complementary Color

#425635
```
#425635 rgb(66,86,53)
```
#354256
```
#354256 rgb(53,66,86)
```
#563542
```
#563542 rgb(86,53,66)
```

Triadic Color

#355649
```
#355649 rgb(53,86,73)
```
#354256
```
#354256 rgb(53,66,86)
```
#563542
```
#563542 rgb(86,53,66)
```
#564935
```
#564935 rgb(86,73,53)
```

Tetradic Color

#181e27
```
#181e27 rgb(24,30,39)
```
#222a36
```
#222a36 rgb(34,42,54)
```
#2b3646
```
#2b3646 rgb(43,54,70)
```
#354256
```
#354256 rgb(53,66,86)
```
#3f4e66
```
#3f4e66 rgb(63,78,102)
```
#485a76
```
#485a76 rgb(72,90,118)
```
#526685
```
#526685 rgb(82,102,133)
```

Monochromatic Color

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

#354a56
```
#354a56 rgb(53,74,86)
```
#354856
```
#354856 rgb(53,72,86)
```
#354556
```
#354556 rgb(53,69,86)
```
#354256
```
#354256 rgb(53,66,86)
```
#353f56
```
#353f56 rgb(53,63,86)
```
#353d56
```
#353d56 rgb(53,61,86)
```
#353a56
```
#353a56 rgb(53,58,86)
```

Similar Colors

Text with hexadecimal color #354256

This text has a font color of #354256.

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

#354256 background color

This paragraph has a background color of #354256.

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

#354256 border color

This element has a border color of #354256.

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

CSS codes

.text {color:#354256;}

.background {background-color:#354256;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080a0d
```
#080a0d rgb(8,10,13)
```
#101319
```
#101319 rgb(16,19,25)
```
#171d25
```
#171d25 rgb(23,29,37)
```
#1f2632
```
#1f2632 rgb(31,38,50)
```
#262f3e
```
#262f3e rgb(38,47,62)
```
#2e394a
```
#2e394a rgb(46,57,74)
```
#354256
```
#354256 rgb(53,66,86)
```
#3c4b62
```
#3c4b62 rgb(60,75,98)
```
#44556e
```
#44556e rgb(68,85,110)
```
#4b5e7a
```
#4b5e7a rgb(75,94,122)
```
#536787
```
#536787 rgb(83,103,135)
```
#5a7193
```
#5a7193 rgb(90,113,147)
```

Shade Color Variation

#627a9e
```
#627a9e rgb(98,122,158)
```
#6e84a6
```
#6e84a6 rgb(110,132,166)
```
#7b8fad
```
#7b8fad rgb(123,143,173)
```
#8799b5
```
#8799b5 rgb(135,153,181)
```
#93a3bc
```
#93a3bc rgb(147,163,188)
```
#9fadc4
```
#9fadc4 rgb(159,173,196)
```
#abb8cb
```
#abb8cb rgb(171,184,203)
```
#b7c2d3
```
#b7c2d3 rgb(183,194,211)
```
#c3ccda
```
#c3ccda rgb(195,204,218)
```
#d0d7e2
```
#d0d7e2 rgb(208,215,226)
```
#dce1e9
```
#dce1e9 rgb(220,225,233)
```
#e8ebf1
```
#e8ebf1 rgb(232,235,241)
```
#f4f6f8
```
#f4f6f8 rgb(244,246,248)
```

Tint Color Variation

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

#454546
```
#454546 rgb(69,69,70)
```
#40444b
```
#40444b rgb(64,68,75)
```
#3a4351
```
#3a4351 rgb(58,67,81)
```
#354256
```
#354256 rgb(53,66,86)
```
#30415b
```
#30415b rgb(48,65,91)
```
#2a4061
```
#2a4061 rgb(42,64,97)
```
#253f66
```
#253f66 rgb(37,63,102)
```
#203d6b
```
#203d6b rgb(32,61,107)
```
#1a3c71
```
#1a3c71 rgb(26,60,113)
```
#153b76
```
#153b76 rgb(21,59,118)
```
#103a7b
```
#103a7b rgb(16,58,123)
```
#0a3981
```
#0a3981 rgb(10,57,129)
```
#053886
```
#053886 rgb(5,56,134)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3e4044 Atypical Achromatopsia 0.001% of the population

Dichromacy

#454a5d Protanopia 1% of men
#46495f Deuteranopia 1% of men
#3c4d53 Tritanopia 0.001% of the population

Trichromacy

#3f475b Protanomaly 1% of men, 0.01% of women
#40475c Deuteranomaly 6% of men, 0.4% of women
#394954 Tritanomaly 0.01% of the population

#354256 hex color

#354256 Color Information

#354256 Color Conversion

Color Schemes with #354256

Alternatives to #354256

#354256 Preview

Shades and Tints of #354256

Tones of #354256

Color Blindness Simulator