#354a69 hex color

In a RGB color space, hex #354a69 is composed of 20.8% red, 29% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 49.5% cyan, 29.5% magenta, 0% yellow and 58.8% black. It has a hue angle of 215.8 degrees, a saturation of 32.9% and a lightness of 31%. #354a69 color hex could be obtained by blending #6a94d2 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 29
- B 41
RGB color chart
- C 50
- M 30
- Y 0
- K 59
CMYK color chart

● #354a69 color description : Very dark desaturated blue.

The hexadecimal color #354a69 has RGB values of R:53, G:74, B:105 and CMYK values of C:0.5, M:0.3, Y:0, K:0.59. Its decimal value is 3492457.

Hex triplet	354a69	`#354a69`
RGB Decimal	53, 74, 105	`rgb(53,74,105)`
RGB Percent	20.8, 29, 41.2	`rgb(20.8%,29%,41.2%)`
CMYK	50, 30, 0, 59
HSL	215.8°, 32.9, 31	`hsl(215.8,32.9%,31%)`
HSV (or HSB)	215.8°, 49.5, 41.2
Web Safe	333366	`#333366`

CIE-LAB	31.053, 1.299, -20.562
XYZ	6.466, 6.674, 14.311
xyY	0.236, 0.243, 6.674
CIE-LCH	31.053, 20.603, 273.616
CIE-LUV	31.053, -10.029, -26.879
Hunter-Lab	25.834, -0.532, -14.761
Binary	00110101, 01001010, 01101001

#354a69
```
#354a69 rgb(53,74,105)
```
#695435
```
#695435 rgb(105,84,53)
```

Complementary Color

#356469
```
#356469 rgb(53,100,105)
```
#354a69
```
#354a69 rgb(53,74,105)
```
#3a3569
```
#3a3569 rgb(58,53,105)
```

Analogous Color

#646935
```
#646935 rgb(100,105,53)
```
#354a69
```
#354a69 rgb(53,74,105)
```
#693a35
```
#693a35 rgb(105,58,53)
```

Split Complementary Color

#4a6935
```
#4a6935 rgb(74,105,53)
```
#354a69
```
#354a69 rgb(53,74,105)
```
#69354a
```
#69354a rgb(105,53,74)
```

Triadic Color

#356954
```
#356954 rgb(53,105,84)
```
#354a69
```
#354a69 rgb(53,74,105)
```
#69354a
```
#69354a rgb(105,53,74)
```
#695435
```
#695435 rgb(105,84,53)
```

Tetradic Color

#1b2636
```
#1b2636 rgb(27,38,54)
```
#243247
```
#243247 rgb(36,50,71)
```
#2c3e58
```
#2c3e58 rgb(44,62,88)
```
#354a69
```
#354a69 rgb(53,74,105)
```
#3e567a
```
#3e567a rgb(62,86,122)
```
#46628b
```
#46628b rgb(70,98,139)
```
#4f6e9c
```
#4f6e9c rgb(79,110,156)
```

Monochromatic Color

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

#355769
```
#355769 rgb(53,87,105)
```
#355369
```
#355369 rgb(53,83,105)
```
#354e69
```
#354e69 rgb(53,78,105)
```
#354a69
```
#354a69 rgb(53,74,105)
```
#354669
```
#354669 rgb(53,70,105)
```
#354169
```
#354169 rgb(53,65,105)
```
#353d69
```
#353d69 rgb(53,61,105)
```

Similar Colors

Text with hexadecimal color #354a69

This text has a font color of #354a69.

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

#354a69 background color

This paragraph has a background color of #354a69.

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

#354a69 border color

This element has a border color of #354a69.

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

CSS codes

.text {color:#354a69;}

.background {background-color:#354a69;}

.border {border:1px solid #354a69;}

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

#000101
```
#000101 rgb(0,1,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0e131b
```
#0e131b rgb(14,19,27)
```
#141c28
```
#141c28 rgb(20,28,40)
```
#1b2535
```
#1b2535 rgb(27,37,53)
```
#212e42
```
#212e42 rgb(33,46,66)
```
#28384f
```
#28384f rgb(40,56,79)
```
#2e415c
```
#2e415c rgb(46,65,92)
```
#354a69
```
#354a69 rgb(53,74,105)
```
#3c5376
```
#3c5376 rgb(60,83,118)
```
#425c83
```
#425c83 rgb(66,92,131)
```
#496690
```
#496690 rgb(73,102,144)
```
#4f6f9d
```
#4f6f9d rgb(79,111,157)
```

Shade Color Variation

#5678aa
```
#5678aa rgb(86,120,170)
```
#6382b0
```
#6382b0 rgb(99,130,176)
```
#708db7
```
#708db7 rgb(112,141,183)
```
#7d97be
```
#7d97be rgb(125,151,190)
```
#8aa2c4
```
#8aa2c4 rgb(138,162,196)
```
#97accb
```
#97accb rgb(151,172,203)
```
#a4b7d1
```
#a4b7d1 rgb(164,183,209)
```
#b2c1d8
```
#b2c1d8 rgb(178,193,216)
```
#bfcbde
```
#bfcbde rgb(191,203,222)
```
#ccd6e5
```
#ccd6e5 rgb(204,214,229)
```
#d9e0ec
```
#d9e0ec rgb(217,224,236)
```
#e6ebf2
```
#e6ebf2 rgb(230,235,242)
```
#f3f5f9
```
#f3f5f9 rgb(243,245,249)
```

Tint Color Variation

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

#4d4f51
```
#4d4f51 rgb(77,79,81)
```
#474e57
```
#474e57 rgb(71,78,87)
```
#414c5d
```
#414c5d rgb(65,76,93)
```
#3b4b63
```
#3b4b63 rgb(59,75,99)
```
#354a69
```
#354a69 rgb(53,74,105)
```
#2f496f
```
#2f496f rgb(47,73,111)
```
#294875
```
#294875 rgb(41,72,117)
```
#23467b
```
#23467b rgb(35,70,123)
```
#1d4581
```
#1d4581 rgb(29,69,129)
```
#174487
```
#174487 rgb(23,68,135)
```
#11438d
```
#11438d rgb(17,67,141)
```
#0a4294
```
#0a4294 rgb(10,66,148)
```
#04419a
```
#04419a rgb(4,65,154)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#43484e Atypical Achromatopsia 0.001% of the population

Dichromacy

#48516f Protanopia 1% of men
#465171 Deuteranopia 1% of men
#38575d Tritanopia 0.001% of the population

Trichromacy

#414e6d Protanomaly 1% of men, 0.01% of women
#404e6e Deuteranomaly 6% of men, 0.4% of women
#375261 Tritanomaly 0.01% of the population

#354a69 hex color

#354a69 Color Information

#354a69 Color Conversion

Color Schemes with #354a69

Alternatives to #354a69

#354a69 Preview

Shades and Tints of #354a69

Tones of #354a69

Color Blindness Simulator