#346668 hex color

In a RGB color space, hex #346668 is composed of 20.4% red, 40% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 1.9% magenta, 0% yellow and 59.2% black. It has a hue angle of 182.3 degrees, a saturation of 33.3% and a lightness of 30.6%. #346668 color hex could be obtained by blending #68ccd0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 40
- B 41
RGB color chart
- C 50
- M 2
- Y 0
- K 59
CMYK color chart

● #346668 color description : Very dark desaturated cyan.

The hexadecimal color #346668 has RGB values of R:52, G:102, B:104 and CMYK values of C:0.5, M:0.02, Y:0, K:0.59. Its decimal value is 3434088.

Hex triplet	346668	`#346668`
RGB Decimal	52, 102, 104	`rgb(52,102,104)`
RGB Percent	20.4, 40, 40.8	`rgb(20.4%,40%,40.8%)`
CMYK	50, 2, 0, 59
HSL	182.3°, 33.3, 30.6	`hsl(182.3,33.3%,30.6%)`
HSV (or HSB)	182.3°, 50, 40.8
Web Safe	336666	`#336666`

CIE-LAB	39.968, -16.204, -6.353
XYZ	8.666, 11.232, 14.807
xyY	0.25, 0.324, 11.232
CIE-LCH	39.968, 17.404, 201.408
CIE-LUV	39.968, -21.509, -6.286
Hunter-Lab	33.514, -12.495, -2.736
Binary	00110100, 01100110, 01101000

#346668
```
#346668 rgb(52,102,104)
```
#683634
```
#683634 rgb(104,54,52)
```

Complementary Color

#346850
```
#346850 rgb(52,104,80)
```
#346668
```
#346668 rgb(52,102,104)
```
#344c68
```
#344c68 rgb(52,76,104)
```

Analogous Color

#685034
```
#685034 rgb(104,80,52)
```
#346668
```
#346668 rgb(52,102,104)
```
#68344c
```
#68344c rgb(104,52,76)
```

Split Complementary Color

#666834
```
#666834 rgb(102,104,52)
```
#346668
```
#346668 rgb(52,102,104)
```
#683466
```
#683466 rgb(104,52,102)
```

Triadic Color

#346836
```
#346836 rgb(52,104,54)
```
#346668
```
#346668 rgb(52,102,104)
```
#683466
```
#683466 rgb(104,52,102)
```
#683634
```
#683634 rgb(104,54,52)
```

Tetradic Color

#1b3435
```
#1b3435 rgb(27,52,53)
```
#234546
```
#234546 rgb(35,69,70)
```
#2c5557
```
#2c5557 rgb(44,85,87)
```
#346668
```
#346668 rgb(52,102,104)
```
#3d7779
```
#3d7779 rgb(61,119,121)
```
#45878a
```
#45878a rgb(69,135,138)
```
#4e989b
```
#4e989b rgb(78,152,155)
```

Monochromatic Color

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

#34685d
```
#34685d rgb(52,104,93)
```
#346861
```
#346861 rgb(52,104,97)
```
#346866
```
#346866 rgb(52,104,102)
```
#346668
```
#346668 rgb(52,102,104)
```
#346268
```
#346268 rgb(52,98,104)
```
#345d68
```
#345d68 rgb(52,93,104)
```
#345968
```
#345968 rgb(52,89,104)
```

Similar Colors

Text with hexadecimal color #346668

This text has a font color of #346668.

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

#346668 background color

This paragraph has a background color of #346668.

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

#346668 border color

This element has a border color of #346668.

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

CSS codes

.text {color:#346668;}

.background {background-color:#346668;}

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

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

#060c0c
```
#060c0c rgb(6,12,12)
```
#0d191a
```
#0d191a rgb(13,25,26)
```
#132627
```
#132627 rgb(19,38,39)
```
#1a3334
```
#1a3334 rgb(26,51,52)
```
#204041
```
#204041 rgb(32,64,65)
```
#274c4e
```
#274c4e rgb(39,76,78)
```
#2d595b
```
#2d595b rgb(45,89,91)
```
#346668
```
#346668 rgb(52,102,104)
```
#3b7375
```
#3b7375 rgb(59,115,117)
```
#418082
```
#418082 rgb(65,128,130)
```
#488c8f
```
#488c8f rgb(72,140,143)
```
#4e999c
```
#4e999c rgb(78,153,156)
```
#55a6a9
```
#55a6a9 rgb(85,166,169)
```

Shade Color Variation

#61adb0
```
#61adb0 rgb(97,173,176)
```
#6fb4b7
```
#6fb4b7 rgb(111,180,183)
```
#7cbbbd
```
#7cbbbd rgb(124,187,189)
```
#89c2c4
```
#89c2c4 rgb(137,194,196)
```
#96c8ca
```
#96c8ca rgb(150,200,202)
```
#a3cfd1
```
#a3cfd1 rgb(163,207,209)
```
#b0d6d7
```
#b0d6d7 rgb(176,214,215)
```
#bdddde
```
#bdddde rgb(189,221,222)
```
#cae4e5
```
#cae4e5 rgb(202,228,229)
```
#d7eaeb
```
#d7eaeb rgb(215,234,235)
```
#e4f1f2
```
#e4f1f2 rgb(228,241,242)
```
#f1f8f8
```
#f1f8f8 rgb(241,248,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#4c5050
```
#4c5050 rgb(76,80,80)
```
#465556
```
#465556 rgb(70,85,86)
```
#405b5c
```
#405b5c rgb(64,91,92)
```
#3a6062
```
#3a6062 rgb(58,96,98)
```
#346668
```
#346668 rgb(52,102,104)
```
#2e6c6e
```
#2e6c6e rgb(46,108,110)
```
#287174
```
#287174 rgb(40,113,116)
```
#22777a
```
#22777a rgb(34,119,122)
```
#1c7c80
```
#1c7c80 rgb(28,124,128)
```
#168286
```
#168286 rgb(22,130,134)
```
#10878c
```
#10878c rgb(16,135,140)
```
#0a8d92
```
#0a8d92 rgb(10,141,146)
```
#049298
```
#049298 rgb(4,146,152)
```

Tone Color Variation

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

#66656b Protanopia 1% of men
#696473 Deuteranopia 1% of men
#406d75 Tritanopia 0.001% of the population

Trichromacy

#54656a Protanomaly 1% of men, 0.01% of women
#56646f Deuteranomaly 6% of men, 0.4% of women
#3c6a70 Tritanomaly 0.01% of the population

#346668 hex color

#346668 Color Information

#346668 Color Conversion

Color Schemes with #346668

Alternatives to #346668

#346668 Preview

Shades and Tints of #346668

Tones of #346668

Color Blindness Simulator