#345465 hex color

In a RGB color space, hex #345465 is composed of 20.4% red, 32.9% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 48.5% cyan, 16.8% magenta, 0% yellow and 60.4% black. It has a hue angle of 200.8 degrees, a saturation of 32% and a lightness of 30%. #345465 color hex could be obtained by blending #68a8ca with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 20
- G 33
- B 40
RGB color chart
- C 49
- M 17
- Y 0
- K 60
CMYK color chart

● #345465 color description : Very dark desaturated blue.

The hexadecimal color #345465 has RGB values of R:52, G:84, B:101 and CMYK values of C:0.49, M:0.17, Y:0, K:0.6. Its decimal value is 3429477.

Hex triplet	345465	`#345465`
RGB Decimal	52, 84, 101	`rgb(52,84,101)`
RGB Percent	20.4, 32.9, 39.6	`rgb(20.4%,32.9%,39.6%)`
CMYK	49, 17, 0, 60
HSL	200.8°, 32, 30	`hsl(200.8,32%,30%)`
HSV (or HSB)	200.8°, 48.5, 39.6
Web Safe	336666	`#336666`

CIE-LAB	34.004, -6.601, -13.496
XYZ	6.935, 8.01, 13.492
xyY	0.244, 0.282, 8.01
CIE-LCH	34.004, 15.024, 243.935
CIE-LUV	34.004, -14.273, -16.844
Hunter-Lab	28.302, -5.79, -8.453
Binary	00110100, 01010100, 01100101

#345465
```
#345465 rgb(52,84,101)
```
#654534
```
#654534 rgb(101,69,52)
```

Complementary Color

#34655e
```
#34655e rgb(52,101,94)
```
#345465
```
#345465 rgb(52,84,101)
```
#343c65
```
#343c65 rgb(52,60,101)
```

Analogous Color

#655e34
```
#655e34 rgb(101,94,52)
```
#345465
```
#345465 rgb(52,84,101)
```
#65343b
```
#65343b rgb(101,52,59)
```

Split Complementary Color

#546534
```
#546534 rgb(84,101,52)
```
#345465
```
#345465 rgb(52,84,101)
```
#653454
```
#653454 rgb(101,52,84)
```

Triadic Color

#346545
```
#346545 rgb(52,101,69)
```
#345465
```
#345465 rgb(52,84,101)
```
#653454
```
#653454 rgb(101,52,84)
```
#654534
```
#654534 rgb(101,69,52)
```

Tetradic Color

#1a2a33
```
#1a2a33 rgb(26,42,51)
```
#233843
```
#233843 rgb(35,56,67)
```
#2b4654
```
#2b4654 rgb(43,70,84)
```
#345465
```
#345465 rgb(52,84,101)
```
#3d6276
```
#3d6276 rgb(61,98,118)
```
#457087
```
#457087 rgb(69,112,135)
```
#4e7e98
```
#4e7e98 rgb(78,126,152)
```

Monochromatic Color

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

#346065
```
#346065 rgb(52,96,101)
```
#345c65
```
#345c65 rgb(52,92,101)
```
#345865
```
#345865 rgb(52,88,101)
```
#345465
```
#345465 rgb(52,84,101)
```
#345065
```
#345065 rgb(52,80,101)
```
#344c65
```
#344c65 rgb(52,76,101)
```
#344865
```
#344865 rgb(52,72,101)
```

Similar Colors

Text with hexadecimal color #345465

This text has a font color of #345465.

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

#345465 background color

This paragraph has a background color of #345465.

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

#345465 border color

This element has a border color of #345465.

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

CSS codes

.text {color:#345465;}

.background {background-color:#345465;}

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

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, #05090a is the darkest color, while #fcfdfe is the lightest one.

#05090a
```
#05090a rgb(5,9,10)
```
#0c1317
```
#0c1317 rgb(12,19,23)
```
#131e24
```
#131e24 rgb(19,30,36)
```
#192931
```
#192931 rgb(25,41,49)
```
#20343e
```
#20343e rgb(32,52,62)
```
#273e4b
```
#273e4b rgb(39,62,75)
```
#2d4958
```
#2d4958 rgb(45,73,88)
```
#345465
```
#345465 rgb(52,84,101)
```
#3b5f72
```
#3b5f72 rgb(59,95,114)
```
#416a7f
```
#416a7f rgb(65,106,127)
```
#48748c
```
#48748c rgb(72,116,140)
```
#4f7f99
```
#4f7f99 rgb(79,127,153)
```
#558aa6
```
#558aa6 rgb(85,138,166)
```

Shade Color Variation

#6193ae
```
#6193ae rgb(97,147,174)
```
#6e9cb4
```
#6e9cb4 rgb(110,156,180)
```
#7ba5bb
```
#7ba5bb rgb(123,165,187)
```
#88aec2
```
#88aec2 rgb(136,174,194)
```
#95b6c8
```
#95b6c8 rgb(149,182,200)
```
#a2bfcf
```
#a2bfcf rgb(162,191,207)
```
#afc8d6
```
#afc8d6 rgb(175,200,214)
```
#bcd1dc
```
#bcd1dc rgb(188,209,220)
```
#c9dae3
```
#c9dae3 rgb(201,218,227)
```
#d6e3ea
```
#d6e3ea rgb(214,227,234)
```
#e3ecf0
```
#e3ecf0 rgb(227,236,240)
```
#eff4f7
```
#eff4f7 rgb(239,244,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#4c4d4d
```
#4c4d4d rgb(76,77,77)
```
#464f53
```
#464f53 rgb(70,79,83)
```
#405059
```
#405059 rgb(64,80,89)
```
#3a525f
```
#3a525f rgb(58,82,95)
```
#345465
```
#345465 rgb(52,84,101)
```
#2e566b
```
#2e566b rgb(46,86,107)
```
#285871
```
#285871 rgb(40,88,113)
```
#225977
```
#225977 rgb(34,89,119)
```
#1c5b7d
```
#1c5b7d rgb(28,91,125)
```
#175d82
```
#175d82 rgb(23,93,130)
```
#115f88
```
#115f88 rgb(17,95,136)
```
#0b618e
```
#0b618e rgb(11,97,142)
```
#056294
```
#056294 rgb(5,98,148)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#474e51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54586a Protanopia 1% of men
#55576e Deuteranopia 1% of men
#3b5e65 Tritanopia 0.001% of the population

Trichromacy

#485668 Protanomaly 1% of men, 0.01% of women
#49566b Deuteranomaly 6% of men, 0.4% of women
#385a65 Tritanomaly 0.01% of the population

#345465 hex color

#345465 Color Information

#345465 Color Conversion

Color Schemes with #345465

Alternatives to #345465

#345465 Preview

Shades and Tints of #345465

Tones of #345465

Color Blindness Simulator