#345e54 hex color

In a RGB color space, hex #345e54 is composed of 20.4% red, 36.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 0% magenta, 10.6% yellow and 63.1% black. It has a hue angle of 165.7 degrees, a saturation of 28.8% and a lightness of 28.6%. #345e54 color hex could be obtained by blending #68bca8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 37
- B 33
RGB color chart
- C 45
- M 0
- Y 11
- K 63
CMYK color chart

● #345e54 color description : Very dark desaturated cyan.

The hexadecimal color #345e54 has RGB values of R:52, G:94, B:84 and CMYK values of C:0.45, M:0, Y:0.11, K:0.63. Its decimal value is 3432020.

Hex triplet	345e54	`#345e54`
RGB Decimal	52, 94, 84	`rgb(52,94,84)`
RGB Percent	20.4, 36.9, 32.9	`rgb(20.4%,36.9%,32.9%)`
CMYK	45, 0, 11, 63
HSL	165.7°, 28.8, 28.6	`hsl(165.7,28.8%,28.6%)`
HSV (or HSB)	165.7°, 44.7, 36.9
Web Safe	336666	`#336666`

CIE-LAB	36.697, -17.372, 1.145
XYZ	7.019, 9.375, 9.827
xyY	0.268, 0.358, 9.375
CIE-LCH	36.697, 17.41, 176.228
CIE-LUV	36.697, -18.767, 3.829
Hunter-Lab	30.619, -12.666, 2.405
Binary	00110100, 01011110, 01010100

#345e54
```
#345e54 rgb(52,94,84)
```
#5e343e
```
#5e343e rgb(94,52,62)
```

Complementary Color

#345e3f
```
#345e3f rgb(52,94,63)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#34535e
```
#34535e rgb(52,83,94)
```

Analogous Color

#5e3f34
```
#5e3f34 rgb(94,63,52)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#5e3453
```
#5e3453 rgb(94,52,83)
```

Split Complementary Color

#5e5434
```
#5e5434 rgb(94,84,52)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#54345e
```
#54345e rgb(84,52,94)
```

Triadic Color

#3e5e34
```
#3e5e34 rgb(62,94,52)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#54345e
```
#54345e rgb(84,52,94)
```
#5e343e
```
#5e343e rgb(94,52,62)
```

Tetradic Color

#192d28
```
#192d28 rgb(25,45,40)
```
#223d37
```
#223d37 rgb(34,61,55)
```
#2b4e45
```
#2b4e45 rgb(43,78,69)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#3d6e63
```
#3d6e63 rgb(61,110,99)
```
#467f71
```
#467f71 rgb(70,127,113)
```
#4f8f80
```
#4f8f80 rgb(79,143,128)
```

Monochromatic Color

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

#345e4a
```
#345e4a rgb(52,94,74)
```
#345e4d
```
#345e4d rgb(52,94,77)
```
#345e51
```
#345e51 rgb(52,94,81)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#345e58
```
#345e58 rgb(52,94,88)
```
#345e5b
```
#345e5b rgb(52,94,91)
```
#345e5e
```
#345e5e rgb(52,94,94)
```

Similar Colors

Text with hexadecimal color #345e54

This text has a font color of #345e54.

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

#345e54 background color

This paragraph has a background color of #345e54.

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

#345e54 border color

This element has a border color of #345e54.

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

CSS codes

.text {color:#345e54;}

.background {background-color:#345e54;}

.border {border:1px solid #345e54;}

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1210
```
#0a1210 rgb(10,18,16)
```
#111f1c
```
#111f1c rgb(17,31,28)
```
#182b27
```
#182b27 rgb(24,43,39)
```
#1f3832
```
#1f3832 rgb(31,56,50)
```
#26453d
```
#26453d rgb(38,69,61)
```
#2d5149
```
#2d5149 rgb(45,81,73)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#3b6b5f
```
#3b6b5f rgb(59,107,95)
```
#42776b
```
#42776b rgb(66,119,107)
```
#498476
```
#498476 rgb(73,132,118)
```
#509181
```
#509181 rgb(80,145,129)
```
#579d8c
```
#579d8c rgb(87,157,140)
```

Shade Color Variation

#60a796
```
#60a796 rgb(96,167,150)
```
#6dae9f
```
#6dae9f rgb(109,174,159)
```
#7ab5a7
```
#7ab5a7 rgb(122,181,167)
```
#86bcaf
```
#86bcaf rgb(134,188,175)
```
#93c3b8
```
#93c3b8 rgb(147,195,184)
```
#a0cac0
```
#a0cac0 rgb(160,202,192)
```
#acd1c8
```
#acd1c8 rgb(172,209,200)
```
#b9d8d1
```
#b9d8d1 rgb(185,216,209)
```
#c5dfd9
```
#c5dfd9 rgb(197,223,217)
```
#d2e6e1
```
#d2e6e1 rgb(210,230,225)
```
#dfedea
```
#dfedea rgb(223,237,234)
```
#ebf4f2
```
#ebf4f2 rgb(235,244,242)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

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

#454d4b
```
#454d4b rgb(69,77,75)
```
#3f534e
```
#3f534e rgb(63,83,78)
```
#3a5851
```
#3a5851 rgb(58,88,81)
```
#345e54
```
#345e54 rgb(52,94,84)
```
#2e6457
```
#2e6457 rgb(46,100,87)
```
#29695a
```
#29695a rgb(41,105,90)
```
#236f5d
```
#236f5d rgb(35,111,93)
```
#1e7460
```
#1e7460 rgb(30,116,96)
```
#187a63
```
#187a63 rgb(24,122,99)
```
#128066
```
#128066 rgb(18,128,102)
```
#0d8569
```
#0d8569 rgb(13,133,105)
```
#078b6c
```
#078b6c rgb(7,139,108)
```
#01916e
```
#01916e rgb(1,145,110)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a5351 Atypical Achromatopsia 0.001% of the population

Dichromacy

#625e59 Protanopia 1% of men
#675c60 Deuteranopia 1% of men
#43646b Tritanopia 0.001% of the population

Trichromacy

#515e57 Protanomaly 1% of men, 0.01% of women
#545c5b Deuteranomaly 6% of men, 0.4% of women
#3d6162 Tritanomaly 0.01% of the population

#345e54 hex color

#345e54 Color Information

#345e54 Color Conversion

Color Schemes with #345e54

Alternatives to #345e54

#345e54 Preview

Shades and Tints of #345e54

Tones of #345e54

Color Blindness Simulator