#345397 hex color

In a RGB color space, hex #345397 is composed of 20.4% red, 32.5% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 45% magenta, 0% yellow and 40.8% black. It has a hue angle of 221.2 degrees, a saturation of 48.8% and a lightness of 39.8%. #345397 color hex could be obtained by blending #68a6ff with #00002f. Closest websafe color is: #336699.

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

● #345397 color description : Dark moderate blue.

The hexadecimal color #345397 has RGB values of R:52, G:83, B:151 and CMYK values of C:0.66, M:0.45, Y:0, K:0.41. Its decimal value is 3429271.

Hex triplet	345397	`#345397`
RGB Decimal	52, 83, 151	`rgb(52,83,151)`
RGB Percent	20.4, 32.5, 59.2	`rgb(20.4%,32.5%,59.2%)`
CMYK	66, 45, 0, 41
HSL	221.2°, 48.8, 39.8	`hsl(221.2,48.8%,39.8%)`
HSV (or HSB)	221.2°, 65.6, 59.2
Web Safe	336699	`#336699`

CIE-LAB	36.272, 11.47, -40.752
XYZ	10.094, 9.15, 30.511
xyY	0.203, 0.184, 9.15
CIE-LCH	36.272, 42.335, 285.72
CIE-LUV	36.272, -13.588, -58.278
Hunter-Lab	30.25, 6.628, -38.627
Binary	00110100, 01010011, 10010111

#345397
```
#345397 rgb(52,83,151)
```
#977834
```
#977834 rgb(151,120,52)
```

Complementary Color

#348597
```
#348597 rgb(52,133,151)
```
#345397
```
#345397 rgb(52,83,151)
```
#473497
```
#473497 rgb(71,52,151)
```

Analogous Color

#859734
```
#859734 rgb(133,151,52)
```
#345397
```
#345397 rgb(52,83,151)
```
#974734
```
#974734 rgb(151,71,52)
```

Split Complementary Color

#539734
```
#539734 rgb(83,151,52)
```
#345397
```
#345397 rgb(52,83,151)
```
#973453
```
#973453 rgb(151,52,83)
```

Triadic Color

#349778
```
#349778 rgb(52,151,120)
```
#345397
```
#345397 rgb(52,83,151)
```
#973453
```
#973453 rgb(151,52,83)
```
#977834
```
#977834 rgb(151,120,52)
```

Tetradic Color

#20345e
```
#20345e rgb(32,52,94)
```
#273e71
```
#273e71 rgb(39,62,113)
```
#2d4984
```
#2d4984 rgb(45,73,132)
```
#345397
```
#345397 rgb(52,83,151)
```
#3b5daa
```
#3b5daa rgb(59,93,170)
```
#4168bd
```
#4168bd rgb(65,104,189)
```
#5477c4
```
#5477c4 rgb(84,119,196)
```

Monochromatic Color

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

#346c97
```
#346c97 rgb(52,108,151)
```
#346497
```
#346497 rgb(52,100,151)
```
#345b97
```
#345b97 rgb(52,91,151)
```
#345397
```
#345397 rgb(52,83,151)
```
#344b97
```
#344b97 rgb(52,75,151)
```
#344397
```
#344397 rgb(52,67,151)
```
#343a97
```
#343a97 rgb(52,58,151)
```

Similar Colors

Text with hexadecimal color #345397

This text has a font color of #345397.

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

#345397 background color

This paragraph has a background color of #345397.

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

#345397 border color

This element has a border color of #345397.

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

CSS codes

.text {color:#345397;}

.background {background-color:#345397;}

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070b14
```
#070b14 rgb(7,11,20)
```
#0c1322
```
#0c1322 rgb(12,19,34)
```
#111b31
```
#111b31 rgb(17,27,49)
```
#16233f
```
#16233f rgb(22,35,63)
```
#1b2b4e
```
#1b2b4e rgb(27,43,78)
```
#20335d
```
#20335d rgb(32,51,93)
```
#253b6b
```
#253b6b rgb(37,59,107)
```
#2a437a
```
#2a437a rgb(42,67,122)
```
#2f4b88
```
#2f4b88 rgb(47,75,136)
```
#345397
```
#345397 rgb(52,83,151)
```
#395ba6
```
#395ba6 rgb(57,91,166)
```
#3e63b4
```
#3e63b4 rgb(62,99,180)
```

Shade Color Variation

#466cbf
```
#466cbf rgb(70,108,191)
```
#5578c4
```
#5578c4 rgb(85,120,196)
```
#6483c9
```
#6483c9 rgb(100,131,201)
```
#728fcf
```
#728fcf rgb(114,143,207)
```
#819bd4
```
#819bd4 rgb(129,155,212)
```
#8fa6d9
```
#8fa6d9 rgb(143,166,217)
```
#9eb2de
```
#9eb2de rgb(158,178,222)
```
#adbde3
```
#adbde3 rgb(173,189,227)
```
#bbc9e8
```
#bbc9e8 rgb(187,201,232)
```
#cad5ed
```
#cad5ed rgb(202,213,237)
```
#d8e0f2
```
#d8e0f2 rgb(216,224,242)
```
#e7ecf7
```
#e7ecf7 rgb(231,236,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#636568
```
#636568 rgb(99,101,104)
```
#5b6270
```
#5b6270 rgb(91,98,112)
```
#535f78
```
#535f78 rgb(83,95,120)
```
#4b5c80
```
#4b5c80 rgb(75,92,128)
```
#445987
```
#445987 rgb(68,89,135)
```
#3c568f
```
#3c568f rgb(60,86,143)
```
#345397
```
#345397 rgb(52,83,151)
```
#2c509f
```
#2c509f rgb(44,80,159)
```
#244da7
```
#244da7 rgb(36,77,167)
```
#1d4aae
```
#1d4aae rgb(29,74,174)
```
#1547b6
```
#1547b6 rgb(21,71,182)
```
#0d44be
```
#0d44be rgb(13,68,190)
```
#0541c6
```
#0541c6 rgb(5,65,198)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b515f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5c9c Protanopia 1% of men
#265f9b Deuteranopia 1% of men
#18666e Tritanopia 0.001% of the population

Trichromacy

#3a589a Protanomaly 1% of men, 0.01% of women
#2b5a99 Deuteranomaly 6% of men, 0.4% of women
#225f7d Tritanomaly 0.01% of the population

#345397 hex color

#345397 Color Information

#345397 Color Conversion

Color Schemes with #345397

Alternatives to #345397

#345397 Preview

Shades and Tints of #345397

Tones of #345397

Color Blindness Simulator