#345596 hex color

In a RGB color space, hex #345596 is composed of 20.4% red, 33.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 65.3% cyan, 43.3% magenta, 0% yellow and 41.2% black. It has a hue angle of 219.8 degrees, a saturation of 48.5% and a lightness of 39.6%. #345596 color hex could be obtained by blending #68aaff with #00002d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 33
- B 59
RGB color chart
- C 65
- M 43
- Y 0
- K 41
CMYK color chart

● #345596 color description : Dark moderate blue.

The hexadecimal color #345596 has RGB values of R:52, G:85, B:150 and CMYK values of C:0.65, M:0.43, Y:0, K:0.41. Its decimal value is 3429782.

Hex triplet	345596	`#345596`
RGB Decimal	52, 85, 150	`rgb(52,85,150)`
RGB Percent	20.4, 33.3, 58.8	`rgb(20.4%,33.3%,58.8%)`
CMYK	65, 43, 0, 41
HSL	219.8°, 48.5, 39.6	`hsl(219.8,48.5%,39.6%)`
HSV (or HSB)	219.8°, 65.3, 58.8
Web Safe	336699	`#336699`

CIE-LAB	36.796, 9.79, -39.311
XYZ	10.168, 9.428, 30.136
xyY	0.204, 0.19, 9.428
CIE-LCH	36.796, 40.511, 283.985
CIE-LUV	36.796, -14.24, -56.301
Hunter-Lab	30.706, 5.377, -36.697
Binary	00110100, 01010101, 10010110

#345596
```
#345596 rgb(52,85,150)
```
#967534
```
#967534 rgb(150,117,52)
```

Complementary Color

#348696
```
#348696 rgb(52,134,150)
```
#345596
```
#345596 rgb(52,85,150)
```
#443496
```
#443496 rgb(68,52,150)
```

Analogous Color

#869634
```
#869634 rgb(134,150,52)
```
#345596
```
#345596 rgb(52,85,150)
```
#964434
```
#964434 rgb(150,68,52)
```

Split Complementary Color

#559634
```
#559634 rgb(85,150,52)
```
#345596
```
#345596 rgb(52,85,150)
```
#963455
```
#963455 rgb(150,52,85)
```

Triadic Color

#349675
```
#349675 rgb(52,150,117)
```
#345596
```
#345596 rgb(52,85,150)
```
#963455
```
#963455 rgb(150,52,85)
```
#967534
```
#967534 rgb(150,117,52)
```

Tetradic Color

#20355d
```
#20355d rgb(32,53,93)
```
#274070
```
#274070 rgb(39,64,112)
```
#2d4a83
```
#2d4a83 rgb(45,74,131)
```
#345596
```
#345596 rgb(52,85,150)
```
#3b60a9
```
#3b60a9 rgb(59,96,169)
```
#416abc
```
#416abc rgb(65,106,188)
```
#5379c3
```
#5379c3 rgb(83,121,195)
```

Monochromatic Color

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

#346e96
```
#346e96 rgb(52,110,150)
```
#346596
```
#346596 rgb(52,101,150)
```
#345d96
```
#345d96 rgb(52,93,150)
```
#345596
```
#345596 rgb(52,85,150)
```
#344d96
```
#344d96 rgb(52,77,150)
```
#344596
```
#344596 rgb(52,69,150)
```
#343d96
```
#343d96 rgb(52,61,150)
```

Similar Colors

Text with hexadecimal color #345596

This text has a font color of #345596.

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

#345596 background color

This paragraph has a background color of #345596.

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

#345596 border color

This element has a border color of #345596.

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

CSS codes

.text {color:#345596;}

.background {background-color:#345596;}

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

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

#020204
```
#020204 rgb(2,2,4)
```
#070b13
```
#070b13 rgb(7,11,19)
```
#0c1321
```
#0c1321 rgb(12,19,33)
```
#111b30
```
#111b30 rgb(17,27,48)
```
#16233f
```
#16233f rgb(22,35,63)
```
#1b2c4d
```
#1b2c4d rgb(27,44,77)
```
#20345c
```
#20345c rgb(32,52,92)
```
#253c6a
```
#253c6a rgb(37,60,106)
```
#2a4479
```
#2a4479 rgb(42,68,121)
```
#2f4d87
```
#2f4d87 rgb(47,77,135)
```
#345596
```
#345596 rgb(52,85,150)
```
#395da5
```
#395da5 rgb(57,93,165)
```
#3e66b3
```
#3e66b3 rgb(62,102,179)
```

Shade Color Variation

#466fbf
```
#466fbf rgb(70,111,191)
```
#557ac4
```
#557ac4 rgb(85,122,196)
```
#6385c9
```
#6385c9 rgb(99,133,201)
```
#7291ce
```
#7291ce rgb(114,145,206)
```
#809cd3
```
#809cd3 rgb(128,156,211)
```
#8fa7d8
```
#8fa7d8 rgb(143,167,216)
```
#9db3dd
```
#9db3dd rgb(157,179,221)
```
#acbee2
```
#acbee2 rgb(172,190,226)
```
#bbcae7
```
#bbcae7 rgb(187,202,231)
```
#c9d5ec
```
#c9d5ec rgb(201,213,236)
```
#d8e0f1
```
#d8e0f1 rgb(216,224,241)
```
#e6ecf6
```
#e6ecf6 rgb(230,236,246)
```
#f5f7fb
```
#f5f7fb rgb(245,247,251)
```

Tint Color Variation

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

#636467
```
#636467 rgb(99,100,103)
```
#5b626f
```
#5b626f rgb(91,98,111)
```
#535f77
```
#535f77 rgb(83,95,119)
```
#4b5d7f
```
#4b5d7f rgb(75,93,127)
```
#445a86
```
#445a86 rgb(68,90,134)
```
#3c588e
```
#3c588e rgb(60,88,142)
```
#345596
```
#345596 rgb(52,85,150)
```
#2c529e
```
#2c529e rgb(44,82,158)
```
#2450a6
```
#2450a6 rgb(36,80,166)
```
#1d4dad
```
#1d4dad rgb(29,77,173)
```
#154bb5
```
#154bb5 rgb(21,75,181)
```
#0d48bd
```
#0d48bd rgb(13,72,189)
```
#0546c5
```
#0546c5 rgb(5,70,197)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4d5360 Atypical Achromatopsia 0.001% of the population

Dichromacy

#425d9b Protanopia 1% of men
#2e609a Deuteranopia 1% of men
#1b686f Tritanopia 0.001% of the population

Trichromacy

#3c5a99 Protanomaly 1% of men, 0.01% of women
#305c98 Deuteranomaly 6% of men, 0.4% of women
#24617d Tritanomaly 0.01% of the population

#345596 hex color

#345596 Color Information

#345596 Color Conversion

Color Schemes with #345596

Alternatives to #345596

#345596 Preview

Shades and Tints of #345596

Tones of #345596

Color Blindness Simulator