#345581 hex color

In a RGB color space, hex #345581 is composed of 20.4% red, 33.3% green and 50.6% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 34.1% magenta, 0% yellow and 49.4% black. It has a hue angle of 214.3 degrees, a saturation of 42.5% and a lightness of 35.5%. #345581 color hex could be obtained by blending #68aaff with #000003. Closest websafe color is: #336699.

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

● #345581 color description : Dark moderate blue.

The hexadecimal color #345581 has RGB values of R:52, G:85, B:129 and CMYK values of C:0.6, M:0.34, Y:0, K:0.49. Its decimal value is 3429761.

Hex triplet	345581	`#345581`
RGB Decimal	52, 85, 129	`rgb(52,85,129)`
RGB Percent	20.4, 33.3, 50.6	`rgb(20.4%,33.3%,50.6%)`
CMYK	60, 34, 0, 49
HSL	214.3°, 42.5, 35.5	`hsl(214.3,42.5%,35.5%)`
HSV (or HSB)	214.3°, 59.7, 50.6
Web Safe	336699	`#336699`

CIE-LAB	35.619, 2.202, -28.386
XYZ	8.626, 8.812, 22.014
xyY	0.219, 0.223, 8.812
CIE-LCH	35.619, 28.471, 274.436
CIE-LUV	35.619, -14.364, -39.327
Hunter-Lab	29.684, -0.075, -23.191
Binary	00110100, 01010101, 10000001

#345581
```
#345581 rgb(52,85,129)
```
#816034
```
#816034 rgb(129,96,52)
```

Complementary Color

#347c81
```
#347c81 rgb(52,124,129)
```
#345581
```
#345581 rgb(52,85,129)
```
#3a3481
```
#3a3481 rgb(58,52,129)
```

Analogous Color

#7c8134
```
#7c8134 rgb(124,129,52)
```
#345581
```
#345581 rgb(52,85,129)
```
#813a34
```
#813a34 rgb(129,58,52)
```

Split Complementary Color

#558134
```
#558134 rgb(85,129,52)
```
#345581
```
#345581 rgb(52,85,129)
```
#813455
```
#813455 rgb(129,52,85)
```

Triadic Color

#348160
```
#348160 rgb(52,129,96)
```
#345581
```
#345581 rgb(52,85,129)
```
#813455
```
#813455 rgb(129,52,85)
```
#816034
```
#816034 rgb(129,96,52)
```

Tetradic Color

#1e314a
```
#1e314a rgb(30,49,74)
```
#253d5d
```
#253d5d rgb(37,61,93)
```
#2d496f
```
#2d496f rgb(45,73,111)
```
#345581
```
#345581 rgb(52,85,129)
```
#3b6193
```
#3b6193 rgb(59,97,147)
```
#436da5
```
#436da5 rgb(67,109,165)
```
#4b79b6
```
#4b79b6 rgb(75,121,182)
```

Monochromatic Color

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

#346881
```
#346881 rgb(52,104,129)
```
#346281
```
#346281 rgb(52,98,129)
```
#345b81
```
#345b81 rgb(52,91,129)
```
#345581
```
#345581 rgb(52,85,129)
```
#344f81
```
#344f81 rgb(52,79,129)
```
#344881
```
#344881 rgb(52,72,129)
```
#344281
```
#344281 rgb(52,66,129)
```

Similar Colors

Text with hexadecimal color #345581

This text has a font color of #345581.

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

#345581 background color

This paragraph has a background color of #345581.

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

#345581 border color

This element has a border color of #345581.

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

CSS codes

.text {color:#345581;}

.background {background-color:#345581;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070b11
```
#070b11 rgb(7,11,17)
```
#0d151f
```
#0d151f rgb(13,21,31)
```
#121e2d
```
#121e2d rgb(18,30,45)
```
#18273b
```
#18273b rgb(24,39,59)
```
#1d3049
```
#1d3049 rgb(29,48,73)
```
#233957
```
#233957 rgb(35,57,87)
```
#294365
```
#294365 rgb(41,67,101)
```
#2e4c73
```
#2e4c73 rgb(46,76,115)
```
#345581
```
#345581 rgb(52,85,129)
```
#3a5e8f
```
#3a5e8f rgb(58,94,143)
```
#3f679d
```
#3f679d rgb(63,103,157)
```
#4571ab
```
#4571ab rgb(69,113,171)
```

Shade Color Variation

#4c7ab7
```
#4c7ab7 rgb(76,122,183)
```
#5a85bd
```
#5a85bd rgb(90,133,189)
```
#688fc2
```
#688fc2 rgb(104,143,194)
```
#7699c8
```
#7699c8 rgb(118,153,200)
```
#84a4ce
```
#84a4ce rgb(132,164,206)
```
#92aed3
```
#92aed3 rgb(146,174,211)
```
#a0b9d9
```
#a0b9d9 rgb(160,185,217)
```
#aec3de
```
#aec3de rgb(174,195,222)
```
#bccde4
```
#bccde4 rgb(188,205,228)
```
#cad8ea
```
#cad8ea rgb(202,216,234)
```
#d8e2ef
```
#d8e2ef rgb(216,226,239)
```
#e6edf5
```
#e6edf5 rgb(230,237,245)
```
#f4f7fb
```
#f4f7fb rgb(244,247,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #575a5e is the less saturated color, while #034eb2 is the most saturated one.

#575a5e
```
#575a5e rgb(87,90,94)
```
#505965
```
#505965 rgb(80,89,101)
```
#49586c
```
#49586c rgb(73,88,108)
```
#425773
```
#425773 rgb(66,87,115)
```
#3b567a
```
#3b567a rgb(59,86,122)
```
#345581
```
#345581 rgb(52,85,129)
```
#2d5488
```
#2d5488 rgb(45,84,136)
```
#26538f
```
#26538f rgb(38,83,143)
```
#1f5296
```
#1f5296 rgb(31,82,150)
```
#18519d
```
#18519d rgb(24,81,157)
```
#1150a4
```
#1150a4 rgb(17,80,164)
```
#0a4fab
```
#0a4fab rgb(10,79,171)
```
#034eb2
```
#034eb2 rgb(3,78,178)
```

Tone Color Variation

Below, you can see how #345581 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
#4a515a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d5b85 Protanopia 1% of men
#455c88 Deuteranopia 1% of men
#2f636b Tritanopia 0.001% of the population

Trichromacy

#435983 Protanomaly 1% of men, 0.01% of women
#3f5985 Deuteranomaly 6% of men, 0.4% of women
#315e73 Tritanomaly 0.01% of the population

#345581 hex color

#345581 Color Information

#345581 Color Conversion

Color Schemes with #345581

Alternatives to #345581

#345581 Preview

Shades and Tints of #345581

Tones of #345581

Color Blindness Simulator