#345276 hex color

In a RGB color space, hex #345276 is composed of 20.4% red, 32.2% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 30.5% magenta, 0% yellow and 53.7% black. It has a hue angle of 212.7 degrees, a saturation of 38.8% and a lightness of 33.3%. #345276 color hex could be obtained by blending #68a4ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 32
- B 46
RGB color chart
- C 56
- M 31
- Y 0
- K 54
CMYK color chart

● #345276 color description : Dark moderate blue.

The hexadecimal color #345276 has RGB values of R:52, G:82, B:118 and CMYK values of C:0.56, M:0.31, Y:0, K:0.54. Its decimal value is 3428982.

Hex triplet	345276	`#345276`
RGB Decimal	52, 82, 118	`rgb(52,82,118)`
RGB Percent	20.4, 32.2, 46.3	`rgb(20.4%,32.2%,46.3%)`
CMYK	56, 31, 0, 54
HSL	212.7°, 38.8, 33.3	`hsl(212.7,38.8%,33.3%)`
HSV (or HSB)	212.7°, 55.9, 46.3
Web Safe	336666	`#336666`

CIE-LAB	34.133, 0.284, -23.918
XYZ	7.703, 8.072, 18.291
xyY	0.226, 0.237, 8.072
CIE-LCH	34.133, 23.919, 270.681
CIE-LUV	34.133, -13.346, -32.288
Hunter-Lab	28.412, -1.327, -18.281
Binary	00110100, 01010010, 01110110

#345276
```
#345276 rgb(52,82,118)
```
#765834
```
#765834 rgb(118,88,52)
```

Complementary Color

#347376
```
#347376 rgb(52,115,118)
```
#345276
```
#345276 rgb(52,82,118)
```
#373476
```
#373476 rgb(55,52,118)
```

Analogous Color

#737634
```
#737634 rgb(115,118,52)
```
#345276
```
#345276 rgb(52,82,118)
```
#763734
```
#763734 rgb(118,55,52)
```

Split Complementary Color

#527634
```
#527634 rgb(82,118,52)
```
#345276
```
#345276 rgb(52,82,118)
```
#763452
```
#763452 rgb(118,52,82)
```

Triadic Color

#347658
```
#347658 rgb(52,118,88)
```
#345276
```
#345276 rgb(52,82,118)
```
#763452
```
#763452 rgb(118,52,82)
```
#765834
```
#765834 rgb(118,88,52)
```

Tetradic Color

#1d2d41
```
#1d2d41 rgb(29,45,65)
```
#243953
```
#243953 rgb(36,57,83)
```
#2c4664
```
#2c4664 rgb(44,70,100)
```
#345276
```
#345276 rgb(52,82,118)
```
#3c5e88
```
#3c5e88 rgb(60,94,136)
```
#446b99
```
#446b99 rgb(68,107,153)
```
#4b77ab
```
#4b77ab rgb(75,119,171)
```

Monochromatic Color

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

#346376
```
#346376 rgb(52,99,118)
```
#345d76
```
#345d76 rgb(52,93,118)
```
#345876
```
#345876 rgb(52,88,118)
```
#345276
```
#345276 rgb(52,82,118)
```
#344d76
```
#344d76 rgb(52,77,118)
```
#344776
```
#344776 rgb(52,71,118)
```
#344276
```
#344276 rgb(52,66,118)
```

Similar Colors

Text with hexadecimal color #345276

This text has a font color of #345276.

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

#345276 background color

This paragraph has a background color of #345276.

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

#345276 border color

This element has a border color of #345276.

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

CSS codes

.text {color:#345276;}

.background {background-color:#345276;}

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0a1017
```
#0a1017 rgb(10,16,23)
```
#101924
```
#101924 rgb(16,25,36)
```
#162332
```
#162332 rgb(22,35,50)
```
#1c2c40
```
#1c2c40 rgb(28,44,64)
```
#22364d
```
#22364d rgb(34,54,77)
```
#283f5b
```
#283f5b rgb(40,63,91)
```
#2e4968
```
#2e4968 rgb(46,73,104)
```
#345276
```
#345276 rgb(52,82,118)
```
#3a5b84
```
#3a5b84 rgb(58,91,132)
```
#406591
```
#406591 rgb(64,101,145)
```
#466e9f
```
#466e9f rgb(70,110,159)
```
#4c78ac
```
#4c78ac rgb(76,120,172)
```

Shade Color Variation

#5782b5
```
#5782b5 rgb(87,130,181)
```
#658cbb
```
#658cbb rgb(101,140,187)
```
#7296c1
```
#7296c1 rgb(114,150,193)
```
#80a0c7
```
#80a0c7 rgb(128,160,199)
```
#8eaacd
```
#8eaacd rgb(142,170,205)
```
#9bb5d3
```
#9bb5d3 rgb(155,181,211)
```
#a9bfd9
```
#a9bfd9 rgb(169,191,217)
```
#b6c9df
```
#b6c9df rgb(182,201,223)
```
#c4d3e5
```
#c4d3e5 rgb(196,211,229)
```
#d2ddeb
```
#d2ddeb rgb(210,221,235)
```
#dfe7f1
```
#dfe7f1 rgb(223,231,241)
```
#edf1f7
```
#edf1f7 rgb(237,241,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#555555
```
#555555 rgb(85,85,85)
```
#4e545c
```
#4e545c rgb(78,84,92)
```
#485462
```
#485462 rgb(72,84,98)
```
#415369
```
#415369 rgb(65,83,105)
```
#3b536f
```
#3b536f rgb(59,83,111)
```
#345276
```
#345276 rgb(52,82,118)
```
#2d517d
```
#2d517d rgb(45,81,125)
```
#275183
```
#275183 rgb(39,81,131)
```
#20508a
```
#20508a rgb(32,80,138)
```
#1a5090
```
#1a5090 rgb(26,80,144)
```
#134f97
```
#134f97 rgb(19,79,151)
```
#0d4e9d
```
#0d4e9d rgb(13,78,157)
```
#064ea4
```
#064ea4 rgb(6,78,164)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#484e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d587b Protanopia 1% of men
#48587e Deuteranopia 1% of men
#345f66 Tritanopia 0.001% of the population

Trichromacy

#445579 Protanomaly 1% of men, 0.01% of women
#41567b Deuteranomaly 6% of men, 0.4% of women
#345a6c Tritanomaly 0.01% of the population

#345276 hex color

#345276 Color Information

#345276 Color Conversion

Color Schemes with #345276

Alternatives to #345276

#345276 Preview

Shades and Tints of #345276

Tones of #345276

Color Blindness Simulator