#345cad hex color

In a RGB color space, hex #345cad is composed of 20.4% red, 36.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 46.8% magenta, 0% yellow and 32.2% black. It has a hue angle of 220.2 degrees, a saturation of 53.8% and a lightness of 44.1%. #345cad color hex could be obtained by blending #68b8ff with #00005b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 36
- B 68
RGB color chart
- C 70
- M 47
- Y 0
- K 32
CMYK color chart

● #345cad color description : Dark moderate blue.

The hexadecimal color #345cad has RGB values of R:52, G:92, B:173 and CMYK values of C:0.7, M:0.47, Y:0, K:0.32. Its decimal value is 3431597.

Hex triplet	345cad	`#345cad`
RGB Decimal	52, 92, 173	`rgb(52,92,173)`
RGB Percent	20.4, 36.1, 67.8	`rgb(20.4%,36.1%,67.8%)`
CMYK	70, 47, 0, 32
HSL	220.2°, 53.8, 44.1	`hsl(220.2,53.8%,44.1%)`
HSV (or HSB)	220.2°, 69.9, 67.8
Web Safe	336699	`#336699`

CIE-LAB	40.247, 13.739, -47.516
XYZ	12.784, 11.401, 41.06
xyY	0.196, 0.175, 11.401
CIE-LCH	40.247, 49.462, 286.127
CIE-LUV	40.247, -16.351, -70.156
Hunter-Lab	33.765, 8.498, -48.464
Binary	00110100, 01011100, 10101101

#345cad
```
#345cad rgb(52,92,173)
```
#ad8534
```
#ad8534 rgb(173,133,52)
```

Complementary Color

#3499ad
```
#3499ad rgb(52,153,173)
```
#345cad
```
#345cad rgb(52,92,173)
```
#4834ad
```
#4834ad rgb(72,52,173)
```

Analogous Color

#99ad34
```
#99ad34 rgb(153,173,52)
```
#345cad
```
#345cad rgb(52,92,173)
```
#ad4834
```
#ad4834 rgb(173,72,52)
```

Split Complementary Color

#5cad34
```
#5cad34 rgb(92,173,52)
```
#345cad
```
#345cad rgb(52,92,173)
```
#ad345c
```
#ad345c rgb(173,52,92)
```

Triadic Color

#34ad85
```
#34ad85 rgb(52,173,133)
```
#345cad
```
#345cad rgb(52,92,173)
```
#ad345c
```
#ad345c rgb(173,52,92)
```
#ad8534
```
#ad8534 rgb(173,133,52)
```

Tetradic Color

#223d72
```
#223d72 rgb(34,61,114)
```
#284786
```
#284786 rgb(40,71,134)
```
#2e5299
```
#2e5299 rgb(46,82,153)
```
#345cad
```
#345cad rgb(52,92,173)
```
#3a66c1
```
#3a66c1 rgb(58,102,193)
```
#4b75c9
```
#4b75c9 rgb(75,117,201)
```
#5f84cf
```
#5f84cf rgb(95,132,207)
```

Monochromatic Color

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

#347aad
```
#347aad rgb(52,122,173)
```
#3470ad
```
#3470ad rgb(52,112,173)
```
#3466ad
```
#3466ad rgb(52,102,173)
```
#345cad
```
#345cad rgb(52,92,173)
```
#3452ad
```
#3452ad rgb(52,82,173)
```
#3448ad
```
#3448ad rgb(52,72,173)
```
#343ead
```
#343ead rgb(52,62,173)
```

Similar Colors

Text with hexadecimal color #345cad

This text has a font color of #345cad.

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

#345cad background color

This paragraph has a background color of #345cad.

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

#345cad border color

This element has a border color of #345cad.

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

CSS codes

.text {color:#345cad;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070c16
```
#070c16 rgb(7,12,22)
```
#0b1425
```
#0b1425 rgb(11,20,37)
```
#101c34
```
#101c34 rgb(16,28,52)
```
#142443
```
#142443 rgb(20,36,67)
```
#192c53
```
#192c53 rgb(25,44,83)
```
#1d3462
```
#1d3462 rgb(29,52,98)
```
#223c71
```
#223c71 rgb(34,60,113)
```
#264480
```
#264480 rgb(38,68,128)
```
#2b4c8f
```
#2b4c8f rgb(43,76,143)
```
#2f549e
```
#2f549e rgb(47,84,158)
```
#345cad
```
#345cad rgb(52,92,173)
```
#3964bc
```
#3964bc rgb(57,100,188)
```

Shade Color Variation

#426ec6
```
#426ec6 rgb(66,110,198)
```
#5179cb
```
#5179cb rgb(81,121,203)
```
#6085cf
```
#6085cf rgb(96,133,207)
```
#6f91d4
```
#6f91d4 rgb(111,145,212)
```
#7e9cd8
```
#7e9cd8 rgb(126,156,216)
```
#8da8dd
```
#8da8dd rgb(141,168,221)
```
#9db3e1
```
#9db3e1 rgb(157,179,225)
```
#acbfe6
```
#acbfe6 rgb(172,191,230)
```
#bbcaea
```
#bbcaea rgb(187,202,234)
```
#cad6ef
```
#cad6ef rgb(202,214,239)
```
#d9e2f4
```
#d9e2f4 rgb(217,226,244)
```
#e8edf8
```
#e8edf8 rgb(232,237,248)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e79 is the less saturated color, while #004ae1 is the most saturated one.

#686e79
```
#686e79 rgb(104,110,121)
```
#5f6b82
```
#5f6b82 rgb(95,107,130)
```
#57688a
```
#57688a rgb(87,104,138)
```
#4e6593
```
#4e6593 rgb(78,101,147)
```
#45629c
```
#45629c rgb(69,98,156)
```
#3d5fa4
```
#3d5fa4 rgb(61,95,164)
```
#345cad
```
#345cad rgb(52,92,173)
```
#2b59b6
```
#2b59b6 rgb(43,89,182)
```
#2356be
```
#2356be rgb(35,86,190)
```
#1a53c7
```
#1a53c7 rgb(26,83,199)
```
#1150d0
```
#1150d0 rgb(17,80,208)
```
#094dd8
```
#094dd8 rgb(9,77,216)
```
#004ae1
```
#004ae1 rgb(0,74,225)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#525a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d64b1 Protanopia 1% of men
#0068af Deuteranopia 1% of men
#007179 Tritanopia 0.001% of the population

Trichromacy

#3961af Protanomaly 1% of men, 0.01% of women
#1264ae Deuteranomaly 6% of men, 0.4% of women
#12698b Tritanomaly 0.01% of the population

#345cad hex color

#345cad Color Information

#345cad Color Conversion

Color Schemes with #345cad

Alternatives to #345cad

#345cad Preview

Shades and Tints of #345cad

Tones of #345cad

Color Blindness Simulator