#345daa hex color

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

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

● #345daa color description : Dark moderate blue.

The hexadecimal color #345daa has RGB values of R:52, G:93, B:170 and CMYK values of C:0.69, M:0.45, Y:0, K:0.33. Its decimal value is 3431850.

Hex triplet	345daa	`#345daa`
RGB Decimal	52, 93, 170	`rgb(52,93,170)`
RGB Percent	20.4, 36.5, 66.7	`rgb(20.4%,36.5%,66.7%)`
CMYK	69, 45, 0, 33
HSL	219.2°, 53.2, 43.5	`hsl(219.2,53.2%,43.5%)`
HSV (or HSB)	219.2°, 69.4, 66.7
Web Safe	336699	`#336699`

CIE-LAB	40.345, 11.975, -45.586
XYZ	12.585, 11.46, 39.577
xyY	0.198, 0.18, 11.46
CIE-LCH	40.345, 47.133, 284.719
CIE-LUV	40.345, -16.692, -67.228
Hunter-Lab	33.853, 7.114, -45.618
Binary	00110100, 01011101, 10101010

#345daa
```
#345daa rgb(52,93,170)
```
#aa8134
```
#aa8134 rgb(170,129,52)
```

Complementary Color

#3498aa
```
#3498aa rgb(52,152,170)
```
#345daa
```
#345daa rgb(52,93,170)
```
#4634aa
```
#4634aa rgb(70,52,170)
```

Analogous Color

#98aa34
```
#98aa34 rgb(152,170,52)
```
#345daa
```
#345daa rgb(52,93,170)
```
#aa4634
```
#aa4634 rgb(170,70,52)
```

Split Complementary Color

#5daa34
```
#5daa34 rgb(93,170,52)
```
#345daa
```
#345daa rgb(52,93,170)
```
#aa345d
```
#aa345d rgb(170,52,93)
```

Triadic Color

#34aa81
```
#34aa81 rgb(52,170,129)
```
#345daa
```
#345daa rgb(52,93,170)
```
#aa345d
```
#aa345d rgb(170,52,93)
```
#aa8134
```
#aa8134 rgb(170,129,52)
```

Tetradic Color

#223d6f
```
#223d6f rgb(34,61,111)
```
#284883
```
#284883 rgb(40,72,131)
```
#2e5296
```
#2e5296 rgb(46,82,150)
```
#345daa
```
#345daa rgb(52,93,170)
```
#3a68be
```
#3a68be rgb(58,104,190)
```
#4a75c7
```
#4a75c7 rgb(74,117,199)
```
#5d84cd
```
#5d84cd rgb(93,132,205)
```

Monochromatic Color

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

#347baa
```
#347baa rgb(52,123,170)
```
#3471aa
```
#3471aa rgb(52,113,170)
```
#3467aa
```
#3467aa rgb(52,103,170)
```
#345daa
```
#345daa rgb(52,93,170)
```
#3453aa
```
#3453aa rgb(52,83,170)
```
#3449aa
```
#3449aa rgb(52,73,170)
```
#3440aa
```
#3440aa rgb(52,64,170)
```

Similar Colors

Text with hexadecimal color #345daa

This text has a font color of #345daa.

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

#345daa background color

This paragraph has a background color of #345daa.

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

#345daa border color

This element has a border color of #345daa.

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

CSS codes

.text {color:#345daa;}

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

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

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)
```
#060b14
```
#060b14 rgb(6,11,20)
```
#0b1323
```
#0b1323 rgb(11,19,35)
```
#0f1b32
```
#0f1b32 rgb(15,27,50)
```
#142341
```
#142341 rgb(20,35,65)
```
#182c50
```
#182c50 rgb(24,44,80)
```
#1d345f
```
#1d345f rgb(29,52,95)
```
#223c6e
```
#223c6e rgb(34,60,110)
```
#26447d
```
#26447d rgb(38,68,125)
```
#2b4d8c
```
#2b4d8c rgb(43,77,140)
```
#2f559b
```
#2f559b rgb(47,85,155)
```
#345daa
```
#345daa rgb(52,93,170)
```
#3965b9
```
#3965b9 rgb(57,101,185)
```

Shade Color Variation

#416ec5
```
#416ec5 rgb(65,110,197)
```
#507ac9
```
#507ac9 rgb(80,122,201)
```
#5f85ce
```
#5f85ce rgb(95,133,206)
```
#6e91d3
```
#6e91d3 rgb(110,145,211)
```
#7d9cd7
```
#7d9cd7 rgb(125,156,215)
```
#8ca7dc
```
#8ca7dc rgb(140,167,220)
```
#9bb3e0
```
#9bb3e0 rgb(155,179,224)
```
#aabee5
```
#aabee5 rgb(170,190,229)
```
#b9cae9
```
#b9cae9 rgb(185,202,233)
```
#c8d5ee
```
#c8d5ee rgb(200,213,238)
```
#d7e0f3
```
#d7e0f3 rgb(215,224,243)
```
#e6ecf7
```
#e6ecf7 rgb(230,236,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#676d77
```
#676d77 rgb(103,109,119)
```
#5f6a7f
```
#5f6a7f rgb(95,106,127)
```
#566788
```
#566788 rgb(86,103,136)
```
#4e6590
```
#4e6590 rgb(78,101,144)
```
#456299
```
#456299 rgb(69,98,153)
```
#3d60a1
```
#3d60a1 rgb(61,96,161)
```
#345daa
```
#345daa rgb(52,93,170)
```
#2b5ab3
```
#2b5ab3 rgb(43,90,179)
```
#2358bb
```
#2358bb rgb(35,88,187)
```
#1a55c4
```
#1a55c4 rgb(26,85,196)
```
#1253cc
```
#1253cc rgb(18,83,204)
```
#0950d5
```
#0950d5 rgb(9,80,213)
```
#014ddd
```
#014ddd rgb(1,77,221)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4165ae Protanopia 1% of men
#1f68ac Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3c62ac Protanomaly 1% of men, 0.01% of women
#2764ab Deuteranomaly 6% of men, 0.4% of women
#126a8b Tritanomaly 0.01% of the population

#345daa hex color

#345daa Color Information

#345daa Color Conversion

Color Schemes with #345daa

Alternatives to #345daa

#345daa Preview

Shades and Tints of #345daa

Tones of #345daa

Color Blindness Simulator