#354045 hex color

In a RGB color space, hex #354045 is composed of 20.8% red, 25.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 7.2% magenta, 0% yellow and 72.9% black. It has a hue angle of 198.8 degrees, a saturation of 13.1% and a lightness of 23.9%. #354045 color hex could be obtained by blending #6a808a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 21
- G 25
- B 27
RGB color chart
- C 23
- M 7
- Y 0
- K 73
CMYK color chart

● #354045 color description : Very dark grayish blue.

The hexadecimal color #354045 has RGB values of R:53, G:64, B:69 and CMYK values of C:0.23, M:0.07, Y:0, K:0.73. Its decimal value is 3489861.

Hex triplet	354045	`#354045`
RGB Decimal	53, 64, 69	`rgb(53,64,69)`
RGB Percent	20.8, 25.1, 27.1	`rgb(20.8%,25.1%,27.1%)`
CMYK	23, 7, 0, 73
HSL	198.8°, 13.1, 23.9	`hsl(198.8,13.1%,23.9%)`
HSV (or HSB)	198.8°, 23.2, 27.1
Web Safe	333333	`#333333`

CIE-LAB	26.313, -3.183, -4.55
XYZ	4.376, 4.853, 6.336
xyY	0.281, 0.312, 4.853
CIE-LCH	26.313, 5.553, 235.027
CIE-LUV	26.313, -5.429, -4.86
Hunter-Lab	22.03, -3.1, -1.632
Binary	00110101, 01000000, 01000101

#354045
```
#354045 rgb(53,64,69)
```
#453a35
```
#453a35 rgb(69,58,53)
```

Complementary Color

#354542
```
#354542 rgb(53,69,66)
```
#354045
```
#354045 rgb(53,64,69)
```
#353845
```
#353845 rgb(53,56,69)
```

Analogous Color

#454235
```
#454235 rgb(69,66,53)
```
#354045
```
#354045 rgb(53,64,69)
```
#453538
```
#453538 rgb(69,53,56)
```

Split Complementary Color

#404535
```
#404535 rgb(64,69,53)
```
#354045
```
#354045 rgb(53,64,69)
```
#453540
```
#453540 rgb(69,53,64)
```

Triadic Color

#35453a
```
#35453a rgb(53,69,58)
```
#354045
```
#354045 rgb(53,64,69)
```
#453540
```
#453540 rgb(69,53,64)
```
#453a35
```
#453a35 rgb(69,58,53)
```

Tetradic Color

#14181a
```
#14181a rgb(20,24,26)
```
#1f2528
```
#1f2528 rgb(31,37,40)
```
#2a3337
```
#2a3337 rgb(42,51,55)
```
#354045
```
#354045 rgb(53,64,69)
```
#404d53
```
#404d53 rgb(64,77,83)
```
#4b5b62
```
#4b5b62 rgb(75,91,98)
```
#566870
```
#566870 rgb(86,104,112)
```

Monochromatic Color

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

#354445
```
#354445 rgb(53,68,69)
```
#354345
```
#354345 rgb(53,67,69)
```
#354145
```
#354145 rgb(53,65,69)
```
#354045
```
#354045 rgb(53,64,69)
```
#353f45
```
#353f45 rgb(53,63,69)
```
#353d45
```
#353d45 rgb(53,61,69)
```
#353c45
```
#353c45 rgb(53,60,69)
```

Similar Colors

Text with hexadecimal color #354045

This text has a font color of #354045.

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

#354045 background color

This paragraph has a background color of #354045.

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

#354045 border color

This element has a border color of #354045.

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

CSS codes

.text {color:#354045;}

.background {background-color:#354045;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0d0e
```
#0a0d0e rgb(10,13,14)
```
#131719
```
#131719 rgb(19,23,25)
```
#1b2124
```
#1b2124 rgb(27,33,36)
```
#242b2f
```
#242b2f rgb(36,43,47)
```
#2c363a
```
#2c363a rgb(44,54,58)
```
#354045
```
#354045 rgb(53,64,69)
```
#3e4a50
```
#3e4a50 rgb(62,74,80)
```
#46555b
```
#46555b rgb(70,85,91)
```
#4f5f66
```
#4f5f66 rgb(79,95,102)
```
#576971
```
#576971 rgb(87,105,113)
```
#60737c
```
#60737c rgb(96,115,124)
```
#687e88
```
#687e88 rgb(104,126,136)
```

Shade Color Variation

#718892
```
#718892 rgb(113,136,146)
```
#7c919b
```
#7c919b rgb(124,145,155)
```
#879aa3
```
#879aa3 rgb(135,154,163)
```
#92a4ac
```
#92a4ac rgb(146,164,172)
```
#9eadb4
```
#9eadb4 rgb(158,173,180)
```
#a9b6bd
```
#a9b6bd rgb(169,182,189)
```
#b4c0c5
```
#b4c0c5 rgb(180,192,197)
```
#bfc9ce
```
#bfc9ce rgb(191,201,206)
```
#cad2d6
```
#cad2d6 rgb(202,210,214)
```
#d5dcdf
```
#d5dcdf rgb(213,220,223)
```
#e0e5e7
```
#e0e5e7 rgb(224,229,231)
```
#ebeef0
```
#ebeef0 rgb(235,238,240)
```
#f6f8f8
```
#f6f8f8 rgb(246,248,248)
```

Tint Color Variation

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

#3a3e40
```
#3a3e40 rgb(58,62,64)
```
#354045
```
#354045 rgb(53,64,69)
```
#30424a
```
#30424a rgb(48,66,74)
```
#2c444e
```
#2c444e rgb(44,68,78)
```
#274553
```
#274553 rgb(39,69,83)
```
#224758
```
#224758 rgb(34,71,88)
```
#1e495c
```
#1e495c rgb(30,73,92)
```
#194b61
```
#194b61 rgb(25,75,97)
```
#144c66
```
#144c66 rgb(20,76,102)
```
#0f4e6b
```
#0f4e6b rgb(15,78,107)
```
#0b506f
```
#0b506f rgb(11,80,111)
```
#065274
```
#065274 rgb(6,82,116)
```
#015379
```
#015379 rgb(1,83,121)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#3b3e3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#47474d Protanopia 1% of men
#4b464f Deuteranopia 1% of men
#3f494f Tritanopia 0.001% of the population

Trichromacy

#41444a Protanomaly 1% of men, 0.01% of women
#43444b Deuteranomaly 6% of men, 0.4% of women
#3b464b Tritanomaly 0.01% of the population

#354045 hex color

#354045 Color Information

#354045 Color Conversion

Color Schemes with #354045

Alternatives to #354045

#354045 Preview

Shades and Tints of #354045

Tones of #354045

Color Blindness Simulator