#343e45 hex color

In a RGB color space, hex #343e45 is composed of 20.4% red, 24.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 24.6% cyan, 10.1% magenta, 0% yellow and 72.9% black. It has a hue angle of 204.7 degrees, a saturation of 14% and a lightness of 23.7%. #343e45 color hex could be obtained by blending #687c8a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 20
- G 24
- B 27
RGB color chart
- C 25
- M 10
- Y 0
- K 73
CMYK color chart

● #343e45 color description : Very dark grayish blue.

The hexadecimal color #343e45 has RGB values of R:52, G:62, B:69 and CMYK values of C:0.25, M:0.1, Y:0, K:0.73. Its decimal value is 3423813.

Hex triplet	343e45	`#343e45`
RGB Decimal	52, 62, 69	`rgb(52,62,69)`
RGB Percent	20.4, 24.3, 27.1	`rgb(20.4%,24.3%,27.1%)`
CMYK	25, 10, 0, 73
HSL	204.7°, 14, 23.7	`hsl(204.7,14%,23.7%)`
HSV (or HSB)	204.7°, 24.6, 27.1
Web Safe	333333	`#333333`

CIE-LAB	25.578, -2.268, -5.656
XYZ	4.213, 4.605, 6.297
xyY	0.279, 0.305, 4.605
CIE-LCH	25.578, 6.094, 248.15
CIE-LUV	25.578, -4.997, -6.225
Hunter-Lab	21.459, -2.511, -2.376
Binary	00110100, 00111110, 01000101

#343e45
```
#343e45 rgb(52,62,69)
```
#453b34
```
#453b34 rgb(69,59,52)
```

Complementary Color

#344544
```
#344544 rgb(52,69,68)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#343645
```
#343645 rgb(52,54,69)
```

Analogous Color

#454434
```
#454434 rgb(69,68,52)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#453436
```
#453436 rgb(69,52,54)
```

Split Complementary Color

#3e4534
```
#3e4534 rgb(62,69,52)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#45343e
```
#45343e rgb(69,52,62)
```

Triadic Color

#34453b
```
#34453b rgb(52,69,59)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#45343e
```
#45343e rgb(69,52,62)
```
#453b34
```
#453b34 rgb(69,59,52)
```

Tetradic Color

#131719
```
#131719 rgb(19,23,25)
```
#1e2428
```
#1e2428 rgb(30,36,40)
```
#293136
```
#293136 rgb(41,49,54)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#3f4b54
```
#3f4b54 rgb(63,75,84)
```
#4a5862
```
#4a5862 rgb(74,88,98)
```
#556571
```
#556571 rgb(85,101,113)
```

Monochromatic Color

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

#344245
```
#344245 rgb(52,66,69)
```
#344145
```
#344145 rgb(52,65,69)
```
#343f45
```
#343f45 rgb(52,63,69)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#343d45
```
#343d45 rgb(52,61,69)
```
#343b45
```
#343b45 rgb(52,59,69)
```
#343a45
```
#343a45 rgb(52,58,69)
```

Similar Colors

Text with hexadecimal color #343e45

This text has a font color of #343e45.

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

#343e45 background color

This paragraph has a background color of #343e45.

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

#343e45 border color

This element has a border color of #343e45.

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

CSS codes

.text {color:#343e45;}

.background {background-color:#343e45;}

.border {border:1px solid #343e45;}

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

#010202
```
#010202 rgb(1,2,2)
```
#0a0c0d
```
#0a0c0d rgb(10,12,13)
```
#121618
```
#121618 rgb(18,22,24)
```
#1b2023
```
#1b2023 rgb(27,32,35)
```
#232a2f
```
#232a2f rgb(35,42,47)
```
#2c343a
```
#2c343a rgb(44,52,58)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#3c4850
```
#3c4850 rgb(60,72,80)
```
#45525b
```
#45525b rgb(69,82,91)
```
#4d5c67
```
#4d5c67 rgb(77,92,103)
```
#566672
```
#566672 rgb(86,102,114)
```
#5e707d
```
#5e707d rgb(94,112,125)
```
#677a88
```
#677a88 rgb(103,122,136)
```

Shade Color Variation

#6f8493
```
#6f8493 rgb(111,132,147)
```
#7b8e9b
```
#7b8e9b rgb(123,142,155)
```
#8697a4
```
#8697a4 rgb(134,151,164)
```
#91a1ac
```
#91a1ac rgb(145,161,172)
```
#9cabb5
```
#9cabb5 rgb(156,171,181)
```
#a7b4bd
```
#a7b4bd rgb(167,180,189)
```
#b3bec5
```
#b3bec5 rgb(179,190,197)
```
#bec7ce
```
#bec7ce rgb(190,199,206)
```
#c9d1d6
```
#c9d1d6 rgb(201,209,214)
```
#d4dadf
```
#d4dadf rgb(212,218,223)
```
#dfe4e7
```
#dfe4e7 rgb(223,228,231)
```
#ebedf0
```
#ebedf0 rgb(235,237,240)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

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

#393d40
```
#393d40 rgb(57,61,64)
```
#343e45
```
#343e45 rgb(52,62,69)
```
#2f3f4a
```
#2f3f4a rgb(47,63,74)
```
#2b404e
```
#2b404e rgb(43,64,78)
```
#264053
```
#264053 rgb(38,64,83)
```
#214158
```
#214158 rgb(33,65,88)
```
#1d425c
```
#1d425c rgb(29,66,92)
```
#184361
```
#184361 rgb(24,67,97)
```
#134466
```
#134466 rgb(19,68,102)
```
#0f456a
```
#0f456a rgb(15,69,106)
```
#0a456f
```
#0a456f rgb(10,69,111)
```
#054674
```
#054674 rgb(5,70,116)
```
#014778
```
#014778 rgb(1,71,120)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#3a3c3e Atypical Achromatopsia 0.001% of the population

Dichromacy

#45464d Protanopia 1% of men
#48454f Deuteranopia 1% of men
#3e484d Tritanopia 0.001% of the population

Trichromacy

#3f434a Protanomaly 1% of men, 0.01% of women
#41424b Deuteranomaly 6% of men, 0.4% of women
#3a444a Tritanomaly 0.01% of the population

#343e45 hex color

#343e45 Color Information

#343e45 Color Conversion

Color Schemes with #343e45

Alternatives to #343e45

#343e45 Preview

Shades and Tints of #343e45

Tones of #343e45

Color Blindness Simulator