#34778d hex color

In a RGB color space, hex #34778d is composed of 20.4% red, 46.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 63.1% cyan, 15.6% magenta, 0% yellow and 44.7% black. It has a hue angle of 194.8 degrees, a saturation of 46.1% and a lightness of 37.8%. #34778d color hex could be obtained by blending #68eeff with #00001b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 47
- B 55
RGB color chart
- C 63
- M 16
- Y 0
- K 45
CMYK color chart

● #34778d color description : Dark moderate cyan.

The hexadecimal color #34778d has RGB values of R:52, G:119, B:141 and CMYK values of C:0.63, M:0.16, Y:0, K:0.45. Its decimal value is 3438477.

Hex triplet	34778d	`#34778d`
RGB Decimal	52, 119, 141	`rgb(52,119,141)`
RGB Percent	20.4, 46.7, 55.3	`rgb(20.4%,46.7%,55.3%)`
CMYK	63, 16, 0, 45
HSL	194.8°, 46.1, 37.8	`hsl(194.8,46.1%,37.8%)`
HSV (or HSB)	194.8°, 63.1, 55.3
Web Safe	336699	`#336699`

CIE-LAB	46.772, -14.15, -18.318
XYZ	12.819, 15.846, 27.581
xyY	0.228, 0.282, 15.846
CIE-LCH	46.772, 23.147, 232.316
CIE-LUV	46.772, -26.734, -24.559
Hunter-Lab	39.807, -12.178, -13.215
Binary	00110100, 01110111, 10001101

#34778d
```
#34778d rgb(52,119,141)
```
#8d4a34
```
#8d4a34 rgb(141,74,52)
```

Complementary Color

#348d77
```
#348d77 rgb(52,141,119)
```
#34778d
```
#34778d rgb(52,119,141)
```
#344b8d
```
#344b8d rgb(52,75,141)
```

Analogous Color

#8d7734
```
#8d7734 rgb(141,119,52)
```
#34778d
```
#34778d rgb(52,119,141)
```
#8d344b
```
#8d344b rgb(141,52,75)
```

Split Complementary Color

#778d34
```
#778d34 rgb(119,141,52)
```
#34778d
```
#34778d rgb(52,119,141)
```
#8d3477
```
#8d3477 rgb(141,52,119)
```

Triadic Color

#348d4a
```
#348d4a rgb(52,141,74)
```
#34778d
```
#34778d rgb(52,119,141)
```
#8d3477
```
#8d3477 rgb(141,52,119)
```
#8d4a34
```
#8d4a34 rgb(141,74,52)
```

Tetradic Color

#1f4855
```
#1f4855 rgb(31,72,85)
```
#265868
```
#265868 rgb(38,88,104)
```
#2d677a
```
#2d677a rgb(45,103,122)
```
#34778d
```
#34778d rgb(52,119,141)
```
#3b87a0
```
#3b87a0 rgb(59,135,160)
```
#4296b2
```
#4296b2 rgb(66,150,178)
```
#4fa3be
```
#4fa3be rgb(79,163,190)
```

Monochromatic Color

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

#348d8d
```
#348d8d rgb(52,141,141)
```
#34868d
```
#34868d rgb(52,134,141)
```
#347e8d
```
#347e8d rgb(52,126,141)
```
#34778d
```
#34778d rgb(52,119,141)
```
#34708d
```
#34708d rgb(52,112,141)
```
#34688d
```
#34688d rgb(52,104,141)
```
#34618d
```
#34618d rgb(52,97,141)
```

Similar Colors

Text with hexadecimal color #34778d

This text has a font color of #34778d.

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

#34778d background color

This paragraph has a background color of #34778d.

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

#34778d border color

This element has a border color of #34778d.

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

CSS codes

.text {color:#34778d;}

.background {background-color:#34778d;}

.border {border:1px solid #34778d;}

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

#040a0c
```
#040a0c rgb(4,10,12)
```
#0a161a
```
#0a161a rgb(10,22,26)
```
#0f2229
```
#0f2229 rgb(15,34,41)
```
#142e37
```
#142e37 rgb(20,46,55)
```
#1a3b45
```
#1a3b45 rgb(26,59,69)
```
#1f4754
```
#1f4754 rgb(31,71,84)
```
#245362
```
#245362 rgb(36,83,98)
```
#295f70
```
#295f70 rgb(41,95,112)
```
#2f6b7f
```
#2f6b7f rgb(47,107,127)
```
#34778d
```
#34778d rgb(52,119,141)
```
#39839b
```
#39839b rgb(57,131,155)
```
#3f8faa
```
#3f8faa rgb(63,143,170)
```
#449bb8
```
#449bb8 rgb(68,155,184)
```

Shade Color Variation

#51a4bf
```
#51a4bf rgb(81,164,191)
```
#5fabc4
```
#5fabc4 rgb(95,171,196)
```
#6db3c9
```
#6db3c9 rgb(109,179,201)
```
#7cbacf
```
#7cbacf rgb(124,186,207)
```
#8ac2d4
```
#8ac2d4 rgb(138,194,212)
```
#98c9d9
```
#98c9d9 rgb(152,201,217)
```
#a7d1de
```
#a7d1de rgb(167,209,222)
```
#b5d8e4
```
#b5d8e4 rgb(181,216,228)
```
#c3e0e9
```
#c3e0e9 rgb(195,224,233)
```
#d2e7ee
```
#d2e7ee rgb(210,231,238)
```
#e0eff4
```
#e0eff4 rgb(224,239,244)
```
#eef6f9
```
#eef6f9 rgb(238,246,249)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#596468
```
#596468 rgb(89,100,104)
```
#52686f
```
#52686f rgb(82,104,111)
```
#4a6c77
```
#4a6c77 rgb(74,108,119)
```
#436f7e
```
#436f7e rgb(67,111,126)
```
#3b7386
```
#3b7386 rgb(59,115,134)
```
#34778d
```
#34778d rgb(52,119,141)
```
#2d7b94
```
#2d7b94 rgb(45,123,148)
```
#257f9c
```
#257f9c rgb(37,127,156)
```
#1e82a3
```
#1e82a3 rgb(30,130,163)
```
#1686ab
```
#1686ab rgb(22,134,171)
```
#0f8ab2
```
#0f8ab2 rgb(15,138,178)
```
#078eba
```
#078eba rgb(7,142,186)
```
#0091c1
```
#0091c1 rgb(0,145,193)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5b696d Atypical Achromatopsia 0.001% of the population

Dichromacy

#70758d Protanopia 1% of men
#6e7496 Deuteranopia 1% of men
#387f89 Tritanopia 0.001% of the population

Trichromacy

#5a758d Protanomaly 1% of men, 0.01% of women
#597593 Deuteranomaly 6% of men, 0.4% of women
#377c8a Tritanomaly 0.01% of the population

#34778d hex color

#34778d Color Information

#34778d Color Conversion

Color Schemes with #34778d

Alternatives to #34778d

#34778d Preview

Shades and Tints of #34778d

Tones of #34778d

Color Blindness Simulator