#346664 hex color

In a RGB color space, hex #346664 is composed of 20.4% red, 40% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 0% magenta, 2% yellow and 60% black. It has a hue angle of 177.6 degrees, a saturation of 32.5% and a lightness of 30.2%. #346664 color hex could be obtained by blending #68ccc8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 40
- B 39
RGB color chart
- C 49
- M 0
- Y 2
- K 60
CMYK color chart

● #346664 color description : Very dark desaturated cyan.

The hexadecimal color #346664 has RGB values of R:52, G:102, B:100 and CMYK values of C:0.49, M:0, Y:0.02, K:0.6. Its decimal value is 3434084.

Hex triplet	346664	`#346664`
RGB Decimal	52, 102, 100	`rgb(52,102,100)`
RGB Percent	20.4, 40, 39.2	`rgb(20.4%,40%,39.2%)`
CMYK	49, 0, 2, 60
HSL	177.6°, 32.5, 30.2	`hsl(177.6,32.5%,30.2%)`
HSV (or HSB)	177.6°, 49, 40
Web Safe	336666	`#336666`

CIE-LAB	39.836, -17.365, -4.102
XYZ	8.467, 11.152, 13.762
xyY	0.254, 0.334, 11.152
CIE-LCH	39.836, 17.843, 193.291
CIE-LUV	39.836, -21.643, -3.045
Hunter-Lab	33.395, -13.184, -1.057
Binary	00110100, 01100110, 01100100

#346664
```
#346664 rgb(52,102,100)
```
#663436
```
#663436 rgb(102,52,54)
```

Complementary Color

#34664b
```
#34664b rgb(52,102,75)
```
#346664
```
#346664 rgb(52,102,100)
```
#344f66
```
#344f66 rgb(52,79,102)
```

Analogous Color

#664b34
```
#664b34 rgb(102,75,52)
```
#346664
```
#346664 rgb(52,102,100)
```
#66344f
```
#66344f rgb(102,52,79)
```

Split Complementary Color

#666434
```
#666434 rgb(102,100,52)
```
#346664
```
#346664 rgb(52,102,100)
```
#643466
```
#643466 rgb(100,52,102)
```

Triadic Color

#366634
```
#366634 rgb(54,102,52)
```
#346664
```
#346664 rgb(52,102,100)
```
#643466
```
#643466 rgb(100,52,102)
```
#663436
```
#663436 rgb(102,52,54)
```

Tetradic Color

#1a3332
```
#1a3332 rgb(26,51,50)
```
#234443
```
#234443 rgb(35,68,67)
```
#2b5553
```
#2b5553 rgb(43,85,83)
```
#346664
```
#346664 rgb(52,102,100)
```
#3d7775
```
#3d7775 rgb(61,119,117)
```
#458885
```
#458885 rgb(69,136,133)
```
#4e9996
```
#4e9996 rgb(78,153,150)
```

Monochromatic Color

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

#346658
```
#346658 rgb(52,102,88)
```
#34665c
```
#34665c rgb(52,102,92)
```
#346660
```
#346660 rgb(52,102,96)
```
#346664
```
#346664 rgb(52,102,100)
```
#346466
```
#346466 rgb(52,100,102)
```
#346066
```
#346066 rgb(52,96,102)
```
#345c66
```
#345c66 rgb(52,92,102)
```

Similar Colors

Text with hexadecimal color #346664

This text has a font color of #346664.

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

#346664 background color

This paragraph has a background color of #346664.

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

#346664 border color

This element has a border color of #346664.

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

CSS codes

.text {color:#346664;}

.background {background-color:#346664;}

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

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, #060b0b is the darkest color, while #fdfefe is the lightest one.

#060b0b
```
#060b0b rgb(6,11,11)
```
#0c1818
```
#0c1818 rgb(12,24,24)
```
#132524
```
#132524 rgb(19,37,36)
```
#1a3231
```
#1a3231 rgb(26,50,49)
```
#203f3e
```
#203f3e rgb(32,63,62)
```
#274c4b
```
#274c4b rgb(39,76,75)
```
#2d5957
```
#2d5957 rgb(45,89,87)
```
#346664
```
#346664 rgb(52,102,100)
```
#3b7371
```
#3b7371 rgb(59,115,113)
```
#41807d
```
#41807d rgb(65,128,125)
```
#488d8a
```
#488d8a rgb(72,141,138)
```
#4e9a97
```
#4e9a97 rgb(78,154,151)
```
#55a7a4
```
#55a7a4 rgb(85,167,164)
```

Shade Color Variation

#61afab
```
#61afab rgb(97,175,171)
```
#6eb5b2
```
#6eb5b2 rgb(110,181,178)
```
#7bbcb9
```
#7bbcb9 rgb(123,188,185)
```
#88c2c0
```
#88c2c0 rgb(136,194,192)
```
#95c9c7
```
#95c9c7 rgb(149,201,199)
```
#a2d0ce
```
#a2d0ce rgb(162,208,206)
```
#afd6d5
```
#afd6d5 rgb(175,214,213)
```
#bcdddc
```
#bcdddc rgb(188,221,220)
```
#c9e4e2
```
#c9e4e2 rgb(201,228,226)
```
#d6eae9
```
#d6eae9 rgb(214,234,233)
```
#e3f1f0
```
#e3f1f0 rgb(227,241,240)
```
#f0f7f7
```
#f0f7f7 rgb(240,247,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#4c4e4e
```
#4c4e4e rgb(76,78,78)
```
#465454
```
#465454 rgb(70,84,84)
```
#405a59
```
#405a59 rgb(64,90,89)
```
#3a605f
```
#3a605f rgb(58,96,95)
```
#346664
```
#346664 rgb(52,102,100)
```
#2e6c69
```
#2e6c69 rgb(46,108,105)
```
#28726f
```
#28726f rgb(40,114,111)
```
#227874
```
#227874 rgb(34,120,116)
```
#1c7e7a
```
#1c7e7a rgb(28,126,122)
```
#16847f
```
#16847f rgb(22,132,127)
```
#108a85
```
#108a85 rgb(16,138,133)
```
#0b8f8a
```
#0b8f8a rgb(11,143,138)
```
#059590
```
#059590 rgb(5,149,144)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#505a5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#676567 Protanopia 1% of men
#6b636f Deuteranopia 1% of men
#416c74 Tritanopia 0.001% of the population

Trichromacy

#546566 Protanomaly 1% of men, 0.01% of women
#57646b Deuteranomaly 6% of men, 0.4% of women
#3c6a6e Tritanomaly 0.01% of the population

#346664 hex color

#346664 Color Information

#346664 Color Conversion

Color Schemes with #346664

Alternatives to #346664

#346664 Preview

Shades and Tints of #346664

Tones of #346664

Color Blindness Simulator