#345097 hex color

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

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

● #345097 color description : Dark moderate blue.

The hexadecimal color #345097 has RGB values of R:52, G:80, B:151 and CMYK values of C:0.66, M:0.47, Y:0, K:0.41. Its decimal value is 3428503.

Hex triplet	345097	`#345097`
RGB Decimal	52, 80, 151	`rgb(52,80,151)`
RGB Percent	20.4, 31.4, 59.2	`rgb(20.4%,31.4%,59.2%)`
CMYK	66, 47, 0, 41
HSL	223°, 48.8, 39.8	`hsl(223,48.8%,39.8%)`
HSV (or HSB)	223°, 65.6, 59.2
Web Safe	336699	`#336699`

CIE-LAB	35.402, 13.45, -42.144
XYZ	9.87, 8.701, 30.436
xyY	0.201, 0.178, 8.701
CIE-LCH	35.402, 44.238, 287.7
CIE-LUV	35.402, -12.634, -59.989
Hunter-Lab	29.498, 8.103, -40.527
Binary	00110100, 01010000, 10010111

#345097
```
#345097 rgb(52,80,151)
```
#977b34
```
#977b34 rgb(151,123,52)
```

Complementary Color

#348297
```
#348297 rgb(52,130,151)
```
#345097
```
#345097 rgb(52,80,151)
```
#493497
```
#493497 rgb(73,52,151)
```

Analogous Color

#829734
```
#829734 rgb(130,151,52)
```
#345097
```
#345097 rgb(52,80,151)
```
#974934
```
#974934 rgb(151,73,52)
```

Split Complementary Color

#509734
```
#509734 rgb(80,151,52)
```
#345097
```
#345097 rgb(52,80,151)
```
#973450
```
#973450 rgb(151,52,80)
```

Triadic Color

#34977b
```
#34977b rgb(52,151,123)
```
#345097
```
#345097 rgb(52,80,151)
```
#973450
```
#973450 rgb(151,52,80)
```
#977b34
```
#977b34 rgb(151,123,52)
```

Tetradic Color

#20325e
```
#20325e rgb(32,50,94)
```
#273c71
```
#273c71 rgb(39,60,113)
```
#2d4684
```
#2d4684 rgb(45,70,132)
```
#345097
```
#345097 rgb(52,80,151)
```
#3b5aaa
```
#3b5aaa rgb(59,90,170)
```
#4164bd
```
#4164bd rgb(65,100,189)
```
#5473c4
```
#5473c4 rgb(84,115,196)
```

Monochromatic Color

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

#346997
```
#346997 rgb(52,105,151)
```
#346197
```
#346197 rgb(52,97,151)
```
#345897
```
#345897 rgb(52,88,151)
```
#345097
```
#345097 rgb(52,80,151)
```
#344897
```
#344897 rgb(52,72,151)
```
#344097
```
#344097 rgb(52,64,151)
```
#343797
```
#343797 rgb(52,55,151)
```

Similar Colors

Text with hexadecimal color #345097

This text has a font color of #345097.

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

#345097 background color

This paragraph has a background color of #345097.

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

#345097 border color

This element has a border color of #345097.

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

CSS codes

.text {color:#345097;}

.background {background-color:#345097;}

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

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)
```
#070a14
```
#070a14 rgb(7,10,20)
```
#0c1222
```
#0c1222 rgb(12,18,34)
```
#111a31
```
#111a31 rgb(17,26,49)
```
#16223f
```
#16223f rgb(22,34,63)
```
#1b294e
```
#1b294e rgb(27,41,78)
```
#20315d
```
#20315d rgb(32,49,93)
```
#25396b
```
#25396b rgb(37,57,107)
```
#2a417a
```
#2a417a rgb(42,65,122)
```
#2f4888
```
#2f4888 rgb(47,72,136)
```
#345097
```
#345097 rgb(52,80,151)
```
#3958a6
```
#3958a6 rgb(57,88,166)
```
#3e5fb4
```
#3e5fb4 rgb(62,95,180)
```

Shade Color Variation

#4669bf
```
#4669bf rgb(70,105,191)
```
#5575c4
```
#5575c4 rgb(85,117,196)
```
#6480c9
```
#6480c9 rgb(100,128,201)
```
#728ccf
```
#728ccf rgb(114,140,207)
```
#8198d4
```
#8198d4 rgb(129,152,212)
```
#8fa4d9
```
#8fa4d9 rgb(143,164,217)
```
#9eb0de
```
#9eb0de rgb(158,176,222)
```
#adbce3
```
#adbce3 rgb(173,188,227)
```
#bbc8e8
```
#bbc8e8 rgb(187,200,232)
```
#cad4ed
```
#cad4ed rgb(202,212,237)
```
#d8dff2
```
#d8dff2 rgb(216,223,242)
```
#e7ebf7
```
#e7ebf7 rgb(231,235,247)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#636468
```
#636468 rgb(99,100,104)
```
#5b6170
```
#5b6170 rgb(91,97,112)
```
#535e78
```
#535e78 rgb(83,94,120)
```
#4b5a80
```
#4b5a80 rgb(75,90,128)
```
#445787
```
#445787 rgb(68,87,135)
```
#3c538f
```
#3c538f rgb(60,83,143)
```
#345097
```
#345097 rgb(52,80,151)
```
#2c4d9f
```
#2c4d9f rgb(44,77,159)
```
#2449a7
```
#2449a7 rgb(36,73,167)
```
#1d46ae
```
#1d46ae rgb(29,70,174)
```
#1542b6
```
#1542b6 rgb(21,66,182)
```
#0d3fbe
```
#0d3fbe rgb(13,63,190)
```
#053cc6
```
#053cc6 rgb(5,60,198)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#4a505e Atypical Achromatopsia 0.001% of the population

Dichromacy

#385a9d Protanopia 1% of men
#1a5d9a Deuteranopia 1% of men
#14646c Tritanopia 0.001% of the population

Trichromacy

#36569a Protanomaly 1% of men, 0.01% of women
#235899 Deuteranomaly 6% of men, 0.4% of women
#205d7b Tritanomaly 0.01% of the population

#345097 hex color

#345097 Color Information

#345097 Color Conversion

Color Schemes with #345097

Alternatives to #345097

#345097 Preview

Shades and Tints of #345097

Tones of #345097

Color Blindness Simulator