colorhexa.com

#344650 hex color

In a RGB color space, hex #344650 is composed of 20.4% red, 27.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 35% cyan, 12.5% magenta, 0% yellow and 68.6% black. It has a hue angle of 201.4 degrees, a saturation of 21.2% and a lightness of 25.9%. #344650 color hex could be obtained by blending #688ca0 with #000000. Closest websafe color is: #333366.

- R 20
- G 27
- B 31
RGB color chart
- C 35
- M 13
- Y 0
- K 69
CMYK color chart

● #344650 color description : Very dark desaturated blue.

The hexadecimal color #344650 has RGB values of R:52, G:70, B:80 and CMYK values of C:0.35, M:0.13, Y:0, K:0.69. Its decimal value is 3425872.

Hex triplet	344650	`#344650`
RGB Decimal	52, 70, 80	`rgb(52,70,80)`
RGB Percent	20.4, 27.5, 31.4	`rgb(20.4%,27.5%,31.4%)`
CMYK	35, 13, 0, 69
HSL	201.4°, 21.2, 25.9	`hsl(201.4,21.2%,25.9%)`
HSV (or HSB)	201.4°, 35, 31.4
Web Safe	333366	`#333366`

CIE-LAB	28.615, -4.287, -8.289
XYZ	5.054, 5.689, 8.421
xyY	0.264, 0.297, 5.689
CIE-LCH	28.615, 9.332, 242.653
CIE-LUV	28.615, -8.574, -9.527
Hunter-Lab	23.852, -3.92, -4.235
Binary	00110100, 01000110, 01010000

#344650
```
#344650 rgb(52,70,80)
```
#503e34
```
#503e34 rgb(80,62,52)
```

Complementary Color

#34504c
```
#34504c rgb(52,80,76)
```
#344650
```
#344650 rgb(52,70,80)
```
#343850
```
#343850 rgb(52,56,80)
```

Analogous Color

#504c34
```
#504c34 rgb(80,76,52)
```
#344650
```
#344650 rgb(52,70,80)
```
#503438
```
#503438 rgb(80,52,56)
```

Split Complementary Color

#161d22
```
#161d22 rgb(22,29,34)
```
#202b31
```
#202b31 rgb(32,43,49)
```
#2a3841
```
#2a3841 rgb(42,56,65)
```
#344650
```
#344650 rgb(52,70,80)
```
#3e545f
```
#3e545f rgb(62,84,95)
```
#48616f
```
#48616f rgb(72,97,111)
```
#526f7e
```
#526f7e rgb(82,111,126)
```

Monochromatic Color

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

#344d50
```
#344d50 rgb(52,77,80)
```
#344b50
```
#344b50 rgb(52,75,80)
```
#344850
```
#344850 rgb(52,72,80)
```
#344650
```
#344650 rgb(52,70,80)
```
#344450
```
#344450 rgb(52,68,80)
```
#344150
```
#344150 rgb(52,65,80)
```
#343f50
```
#343f50 rgb(52,63,80)
```

Similar Colors

Text with hexadecimal color #344650

This text has a font color of #344650.

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

#344650 background color

This paragraph has a background color of #344650.

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

#344650 border color

This element has a border color of #344650.

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

CSS codes

.text {color:#344650;}

.background {background-color:#344650;}

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1215
```
#0d1215 rgb(13,18,21)
```
#151c20
```
#151c20 rgb(21,28,32)
```
#1d272c
```
#1d272c rgb(29,39,44)
```
#253138
```
#253138 rgb(37,49,56)
```
#2c3c44
```
#2c3c44 rgb(44,60,68)
```
#344650
```
#344650 rgb(52,70,80)
```
#3c505c
```
#3c505c rgb(60,80,92)
```
#435b68
```
#435b68 rgb(67,91,104)
```
#4b6574
```
#4b6574 rgb(75,101,116)
```
#537080
```
#537080 rgb(83,112,128)
```
#5b7a8b
```
#5b7a8b rgb(91,122,139)
```
#628497
```
#628497 rgb(98,132,151)
```

Shade Color Variation

#6d8ea0
```
#6d8ea0 rgb(109,142,160)
```
#7997a8
```
#7997a8 rgb(121,151,168)
```
#85a0b0
```
#85a0b0 rgb(133,160,176)
```
#91aab7
```
#91aab7 rgb(145,170,183)
```
#9db3bf
```
#9db3bf rgb(157,179,191)
```
#a9bcc7
```
#a9bcc7 rgb(169,188,199)
```
#b4c5cf
```
#b4c5cf rgb(180,197,207)
```
#c0ced6
```
#c0ced6 rgb(192,206,214)
```
#ccd8de
```
#ccd8de rgb(204,216,222)
```
#d8e1e6
```
#d8e1e6 rgb(216,225,230)
```
#e4eaed
```
#e4eaed rgb(228,234,237)
```
#f0f3f5
```
#f0f3f5 rgb(240,243,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#3e4346
```
#3e4346 rgb(62,67,70)
```
#39454b
```
#39454b rgb(57,69,75)
```
#344650
```
#344650 rgb(52,70,80)
```
#2f4755
```
#2f4755 rgb(47,71,85)
```
#2a495a
```
#2a495a rgb(42,73,90)
```
#254a5f
```
#254a5f rgb(37,74,95)
```
#204c64
```
#204c64 rgb(32,76,100)
```
#1b4d69
```
#1b4d69 rgb(27,77,105)
```
#164f6e
```
#164f6e rgb(22,79,110)
```
#105074
```
#105074 rgb(16,80,116)
```
#0b5279
```
#0b5279 rgb(11,82,121)
```
#06537e
```
#06537e rgb(6,83,126)
```
#015583
```
#015583 rgb(1,85,131)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3f4345 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b4c57 Protanopia 1% of men
#4d4b5a Deuteranopia 1% of men
#3d5055 Tritanopia 0.001% of the population

Trichromacy

#424a54 Protanomaly 1% of men, 0.01% of women
#444956 Deuteranomaly 6% of men, 0.4% of women
#3a4c53 Tritanomaly 0.01% of the population