#345aaa hex color

In a RGB color space, hex #345aaa is composed of 20.4% red, 35.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 47.1% magenta, 0% yellow and 33.3% black. It has a hue angle of 220.7 degrees, a saturation of 53.2% and a lightness of 43.5%. #345aaa color hex could be obtained by blending #68b4ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 35
- B 67
RGB color chart
- C 69
- M 47
- Y 0
- K 33
CMYK color chart

● #345aaa color description : Dark moderate blue.

The hexadecimal color #345aaa has RGB values of R:52, G:90, B:170 and CMYK values of C:0.69, M:0.47, Y:0, K:0.33. Its decimal value is 3431082.

Hex triplet	345aaa	`#345aaa`
RGB Decimal	52, 90, 170	`rgb(52,90,170)`
RGB Percent	20.4, 35.3, 66.7	`rgb(20.4%,35.3%,66.7%)`
CMYK	69, 47, 0, 33
HSL	220.7°, 53.2, 43.5	`hsl(220.7,53.2%,43.5%)`
HSV (or HSB)	220.7°, 69.4, 66.7
Web Safe	336699	`#336699`

CIE-LAB	39.486, 13.924, -46.964
XYZ	12.326, 10.944, 39.491
xyY	0.196, 0.174, 10.944
CIE-LCH	39.486, 48.985, 286.515
CIE-LUV	39.486, -15.747, -68.993
Hunter-Lab	33.082, 8.618, -47.62
Binary	00110100, 01011010, 10101010

#345aaa
```
#345aaa rgb(52,90,170)
```
#aa8434
```
#aa8434 rgb(170,132,52)
```

Complementary Color

#3495aa
```
#3495aa rgb(52,149,170)
```
#345aaa
```
#345aaa rgb(52,90,170)
```
#4934aa
```
#4934aa rgb(73,52,170)
```

Analogous Color

#95aa34
```
#95aa34 rgb(149,170,52)
```
#345aaa
```
#345aaa rgb(52,90,170)
```
#aa4934
```
#aa4934 rgb(170,73,52)
```

Split Complementary Color

#5aaa34
```
#5aaa34 rgb(90,170,52)
```
#345aaa
```
#345aaa rgb(52,90,170)
```
#aa345a
```
#aa345a rgb(170,52,90)
```

Triadic Color

#34aa84
```
#34aa84 rgb(52,170,132)
```
#345aaa
```
#345aaa rgb(52,90,170)
```
#aa345a
```
#aa345a rgb(170,52,90)
```
#aa8434
```
#aa8434 rgb(170,132,52)
```

Tetradic Color

#223b6f
```
#223b6f rgb(34,59,111)
```
#284583
```
#284583 rgb(40,69,131)
```
#2e5096
```
#2e5096 rgb(46,80,150)
```
#345aaa
```
#345aaa rgb(52,90,170)
```
#3a64be
```
#3a64be rgb(58,100,190)
```
#4a72c7
```
#4a72c7 rgb(74,114,199)
```
#5d81cd
```
#5d81cd rgb(93,129,205)
```

Monochromatic Color

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

#3478aa
```
#3478aa rgb(52,120,170)
```
#346eaa
```
#346eaa rgb(52,110,170)
```
#3464aa
```
#3464aa rgb(52,100,170)
```
#345aaa
```
#345aaa rgb(52,90,170)
```
#3450aa
```
#3450aa rgb(52,80,170)
```
#3446aa
```
#3446aa rgb(52,70,170)
```
#343caa
```
#343caa rgb(52,60,170)
```

Similar Colors

Text with hexadecimal color #345aaa

This text has a font color of #345aaa.

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

#345aaa background color

This paragraph has a background color of #345aaa.

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

#345aaa border color

This element has a border color of #345aaa.

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

CSS codes

.text {color:#345aaa;}

.background {background-color:#345aaa;}

.border {border:1px solid #345aaa;}

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

#010305
```
#010305 rgb(1,3,5)
```
#060a14
```
#060a14 rgb(6,10,20)
```
#0b1223
```
#0b1223 rgb(11,18,35)
```
#0f1a32
```
#0f1a32 rgb(15,26,50)
```
#142241
```
#142241 rgb(20,34,65)
```
#182a50
```
#182a50 rgb(24,42,80)
```
#1d325f
```
#1d325f rgb(29,50,95)
```
#223a6e
```
#223a6e rgb(34,58,110)
```
#26427d
```
#26427d rgb(38,66,125)
```
#2b4a8c
```
#2b4a8c rgb(43,74,140)
```
#2f529b
```
#2f529b rgb(47,82,155)
```
#345aaa
```
#345aaa rgb(52,90,170)
```
#3962b9
```
#3962b9 rgb(57,98,185)
```

Shade Color Variation

#416bc5
```
#416bc5 rgb(65,107,197)
```
#5077c9
```
#5077c9 rgb(80,119,201)
```
#5f82ce
```
#5f82ce rgb(95,130,206)
```
#6e8ed3
```
#6e8ed3 rgb(110,142,211)
```
#7d9ad7
```
#7d9ad7 rgb(125,154,215)
```
#8ca5dc
```
#8ca5dc rgb(140,165,220)
```
#9bb1e0
```
#9bb1e0 rgb(155,177,224)
```
#aabde5
```
#aabde5 rgb(170,189,229)
```
#b9c8e9
```
#b9c8e9 rgb(185,200,233)
```
#c8d4ee
```
#c8d4ee rgb(200,212,238)
```
#d7e0f3
```
#d7e0f3 rgb(215,224,243)
```
#e6ebf7
```
#e6ebf7 rgb(230,235,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #676c77 is the less saturated color, while #0148dd is the most saturated one.

#676c77
```
#676c77 rgb(103,108,119)
```
#5f697f
```
#5f697f rgb(95,105,127)
```
#566688
```
#566688 rgb(86,102,136)
```
#4e6390
```
#4e6390 rgb(78,99,144)
```
#456099
```
#456099 rgb(69,96,153)
```
#3d5da1
```
#3d5da1 rgb(61,93,161)
```
#345aaa
```
#345aaa rgb(52,90,170)
```
#2b57b3
```
#2b57b3 rgb(43,87,179)
```
#2354bb
```
#2354bb rgb(35,84,187)
```
#1a51c4
```
#1a51c4 rgb(26,81,196)
```
#124ecc
```
#124ecc rgb(18,78,204)
```
#094bd5
```
#094bd5 rgb(9,75,213)
```
#0148dd
```
#0148dd rgb(1,72,221)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#515868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b62ae Protanopia 1% of men
#0067ac Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#385fad Protanomaly 1% of men, 0.01% of women
#1262ab Deuteranomaly 6% of men, 0.4% of women
#126789 Tritanomaly 0.01% of the population

#345aaa hex color

#345aaa Color Information

#345aaa Color Conversion

Color Schemes with #345aaa

Alternatives to #345aaa

#345aaa Preview

Shades and Tints of #345aaa

Tones of #345aaa

Color Blindness Simulator