#345692 hex color

In a RGB color space, hex #345692 is composed of 20.4% red, 33.7% green and 57.3% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 41.1% magenta, 0% yellow and 42.7% black. It has a hue angle of 218.3 degrees, a saturation of 47.5% and a lightness of 38.8%. #345692 color hex could be obtained by blending #68acff with #000025. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 34
- B 57
RGB color chart
- C 64
- M 41
- Y 0
- K 43
CMYK color chart

● #345692 color description : Dark moderate blue.

The hexadecimal color #345692 has RGB values of R:52, G:86, B:146 and CMYK values of C:0.64, M:0.41, Y:0, K:0.43. Its decimal value is 3430034.

Hex triplet	345692	`#345692`
RGB Decimal	52, 86, 146	`rgb(52,86,146)`
RGB Percent	20.4, 33.7, 57.3	`rgb(20.4%,33.7%,57.3%)`
CMYK	64, 41, 0, 43
HSL	218.3°, 47.5, 38.8	`hsl(218.3,47.5%,38.8%)`
HSV (or HSB)	218.3°, 64.4, 57.3
Web Safe	336699	`#336699`

CIE-LAB	36.856, 7.672, -36.798
XYZ	9.931, 9.46, 28.495
xyY	0.207, 0.198, 9.46
CIE-LCH	36.856, 37.589, 281.777
CIE-LUV	36.856, -14.591, -52.498
Hunter-Lab	30.758, 3.809, -33.398
Binary	00110100, 01010110, 10010010

#345692
```
#345692 rgb(52,86,146)
```
#927034
```
#927034 rgb(146,112,52)
```

Complementary Color

#348592
```
#348592 rgb(52,133,146)
```
#345692
```
#345692 rgb(52,86,146)
```
#413492
```
#413492 rgb(65,52,146)
```

Analogous Color

#859234
```
#859234 rgb(133,146,52)
```
#345692
```
#345692 rgb(52,86,146)
```
#924134
```
#924134 rgb(146,65,52)
```

Split Complementary Color

#569234
```
#569234 rgb(86,146,52)
```
#345692
```
#345692 rgb(52,86,146)
```
#923456
```
#923456 rgb(146,52,86)
```

Triadic Color

#349270
```
#349270 rgb(52,146,112)
```
#345692
```
#345692 rgb(52,86,146)
```
#923456
```
#923456 rgb(146,52,86)
```
#927034
```
#927034 rgb(146,112,52)
```

Tetradic Color

#20355a
```
#20355a rgb(32,53,90)
```
#27406c
```
#27406c rgb(39,64,108)
```
#2d4b7f
```
#2d4b7f rgb(45,75,127)
```
#345692
```
#345692 rgb(52,86,146)
```
#3b61a5
```
#3b61a5 rgb(59,97,165)
```
#416cb8
```
#416cb8 rgb(65,108,184)
```
#517ac1
```
#517ac1 rgb(81,122,193)
```

Monochromatic Color

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

#346e92
```
#346e92 rgb(52,110,146)
```
#346692
```
#346692 rgb(52,102,146)
```
#345e92
```
#345e92 rgb(52,94,146)
```
#345692
```
#345692 rgb(52,86,146)
```
#344e92
```
#344e92 rgb(52,78,146)
```
#344692
```
#344692 rgb(52,70,146)
```
#343f92
```
#343f92 rgb(52,63,146)
```

Similar Colors

Text with hexadecimal color #345692

This text has a font color of #345692.

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

#345692 background color

This paragraph has a background color of #345692.

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

#345692 border color

This element has a border color of #345692.

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

CSS codes

.text {color:#345692;}

.background {background-color:#345692;}

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060910
```
#060910 rgb(6,9,16)
```
#0b121e
```
#0b121e rgb(11,18,30)
```
#101a2d
```
#101a2d rgb(16,26,45)
```
#15233b
```
#15233b rgb(21,35,59)
```
#1a2b4a
```
#1a2b4a rgb(26,43,74)
```
#1f3458
```
#1f3458 rgb(31,52,88)
```
#253c67
```
#253c67 rgb(37,60,103)
```
#2a4575
```
#2a4575 rgb(42,69,117)
```
#2f4d84
```
#2f4d84 rgb(47,77,132)
```
#345692
```
#345692 rgb(52,86,146)
```
#395fa0
```
#395fa0 rgb(57,95,160)
```
#3e67af
```
#3e67af rgb(62,103,175)
```

Shade Color Variation

#4470bd
```
#4470bd rgb(68,112,189)
```
#537bc2
```
#537bc2 rgb(83,123,194)
```
#6186c7
```
#6186c7 rgb(97,134,199)
```
#7091cc
```
#7091cc rgb(112,145,204)
```
#7e9cd1
```
#7e9cd1 rgb(126,156,209)
```
#8da7d6
```
#8da7d6 rgb(141,167,214)
```
#9bb2db
```
#9bb2db rgb(155,178,219)
```
#aabde1
```
#aabde1 rgb(170,189,225)
```
#b8c9e6
```
#b8c9e6 rgb(184,201,230)
```
#c7d4eb
```
#c7d4eb rgb(199,212,235)
```
#d5dff0
```
#d5dff0 rgb(213,223,240)
```
#e3eaf5
```
#e3eaf5 rgb(227,234,245)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```

Tint Color Variation

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

#626364
```
#626364 rgb(98,99,100)
```
#5a616c
```
#5a616c rgb(90,97,108)
```
#525e74
```
#525e74 rgb(82,94,116)
```
#4b5c7b
```
#4b5c7b rgb(75,92,123)
```
#435a83
```
#435a83 rgb(67,90,131)
```
#3c588a
```
#3c588a rgb(60,88,138)
```
#345692
```
#345692 rgb(52,86,146)
```
#2c549a
```
#2c549a rgb(44,84,154)
```
#2552a1
```
#2552a1 rgb(37,82,161)
```
#1d50a9
```
#1d50a9 rgb(29,80,169)
```
#164eb0
```
#164eb0 rgb(22,78,176)
```
#0e4bb8
```
#0e4bb8 rgb(14,75,184)
```
#0649c0
```
#0649c0 rgb(6,73,192)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4d5460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#465d96 Protanopia 1% of men
#366097 Deuteranopia 1% of men
#22676f Tritanopia 0.001% of the population

Trichromacy

#3f5a95 Protanomaly 1% of men, 0.01% of women
#355c95 Deuteranomaly 6% of men, 0.4% of women
#28617c Tritanomaly 0.01% of the population

#345692 hex color

#345692 Color Information

#345692 Color Conversion

Color Schemes with #345692

Alternatives to #345692

#345692 Preview

Shades and Tints of #345692

Tones of #345692

Color Blindness Simulator