#345ebc hex color

In a RGB color space, hex #345ebc is composed of 20.4% red, 36.9% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 50% magenta, 0% yellow and 26.3% black. It has a hue angle of 221.5 degrees, a saturation of 56.7% and a lightness of 47.1%. #345ebc color hex could be obtained by blending #68bcff with #000079. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 37
- B 74
RGB color chart
- C 72
- M 50
- Y 0
- K 26
CMYK color chart

● #345ebc color description : Moderate blue.

The hexadecimal color #345ebc has RGB values of R:52, G:94, B:188 and CMYK values of C:0.72, M:0.5, Y:0, K:0.26. Its decimal value is 3432124.

Hex triplet	345ebc	`#345ebc`
RGB Decimal	52, 94, 188	`rgb(52,94,188)`
RGB Percent	20.4, 36.9, 73.7	`rgb(20.4%,36.9%,73.7%)`
CMYK	72, 50, 0, 26
HSL	221.5°, 56.7, 47.1	`hsl(221.5,56.7%,47.1%)`
HSV (or HSB)	221.5°, 72.3, 73.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.791, 18.03, -53.83
XYZ	14.494, 12.365, 49.197
xyY	0.191, 0.163, 12.365
CIE-LCH	41.791, 56.769, 288.517
CIE-LUV	41.791, -16.86, -80.484
Hunter-Lab	35.164, 12.036, -58.335
Binary	00110100, 01011110, 10111100

#345ebc
```
#345ebc rgb(52,94,188)
```
#bc9234
```
#bc9234 rgb(188,146,52)
```

Complementary Color

#34a2bc
```
#34a2bc rgb(52,162,188)
```
#345ebc
```
#345ebc rgb(52,94,188)
```
#4e34bc
```
#4e34bc rgb(78,52,188)
```

Analogous Color

#a2bc34
```
#a2bc34 rgb(162,188,52)
```
#345ebc
```
#345ebc rgb(52,94,188)
```
#bc4e34
```
#bc4e34 rgb(188,78,52)
```

Split Complementary Color

#5ebc34
```
#5ebc34 rgb(94,188,52)
```
#345ebc
```
#345ebc rgb(52,94,188)
```
#bc345e
```
#bc345e rgb(188,52,94)
```

Triadic Color

#34bc92
```
#34bc92 rgb(52,188,146)
```
#345ebc
```
#345ebc rgb(52,94,188)
```
#bc345e
```
#bc345e rgb(188,52,94)
```
#bc9234
```
#bc9234 rgb(188,146,52)
```

Tetradic Color

#234080
```
#234080 rgb(35,64,128)
```
#294a94
```
#294a94 rgb(41,74,148)
```
#2e54a8
```
#2e54a8 rgb(46,84,168)
```
#345ebc
```
#345ebc rgb(52,94,188)
```
#3f6aca
```
#3f6aca rgb(63,106,202)
```
#537ad0
```
#537ad0 rgb(83,122,208)
```
#6789d5
```
#6789d5 rgb(103,137,213)
```

Monochromatic Color

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

#3480bc
```
#3480bc rgb(52,128,188)
```
#3475bc
```
#3475bc rgb(52,117,188)
```
#3469bc
```
#3469bc rgb(52,105,188)
```
#345ebc
```
#345ebc rgb(52,94,188)
```
#3453bc
```
#3453bc rgb(52,83,188)
```
#3447bc
```
#3447bc rgb(52,71,188)
```
#343cbc
```
#343cbc rgb(52,60,188)
```

Similar Colors

Text with hexadecimal color #345ebc

This text has a font color of #345ebc.

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

#345ebc background color

This paragraph has a background color of #345ebc.

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

#345ebc border color

This element has a border color of #345ebc.

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

CSS codes

.text {color:#345ebc;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050913
```
#050913 rgb(5,9,19)
```
#091122
```
#091122 rgb(9,17,34)
```
#0e1932
```
#0e1932 rgb(14,25,50)
```
#122141
```
#122141 rgb(18,33,65)
```
#162850
```
#162850 rgb(22,40,80)
```
#1b3060
```
#1b3060 rgb(27,48,96)
```
#1f386f
```
#1f386f rgb(31,56,111)
```
#233f7f
```
#233f7f rgb(35,63,127)
```
#27478e
```
#27478e rgb(39,71,142)
```
#2c4f9d
```
#2c4f9d rgb(44,79,157)
```
#3056ad
```
#3056ad rgb(48,86,173)
```
#345ebc
```
#345ebc rgb(52,94,188)
```

Shade Color Variation

#3b67c9
```
#3b67c9 rgb(59,103,201)
```
#4a73cd
```
#4a73cd rgb(74,115,205)
```
#5a7fd1
```
#5a7fd1 rgb(90,127,209)
```
#698ad6
```
#698ad6 rgb(105,138,214)
```
#7896da
```
#7896da rgb(120,150,218)
```
#88a2de
```
#88a2de rgb(136,162,222)
```
#97aee2
```
#97aee2 rgb(151,174,226)
```
#a6bae7
```
#a6bae7 rgb(166,186,231)
```
#b6c6eb
```
#b6c6eb rgb(182,198,235)
```
#c5d2ef
```
#c5d2ef rgb(197,210,239)
```
#d5def3
```
#d5def3 rgb(213,222,243)
```
#e4eaf8
```
#e4eaf8 rgb(228,234,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75777b is the less saturated color, while #064cea is the most saturated one.

#75777b
```
#75777b rgb(117,119,123)
```
#6b7385
```
#6b7385 rgb(107,115,133)
```
#62708e
```
#62708e rgb(98,112,142)
```
#596c97
```
#596c97 rgb(89,108,151)
```
#5069a0
```
#5069a0 rgb(80,105,160)
```
#4665aa
```
#4665aa rgb(70,101,170)
```
#3d62b3
```
#3d62b3 rgb(61,98,179)
```
#345ebc
```
#345ebc rgb(52,94,188)
```
#2b5ac5
```
#2b5ac5 rgb(43,90,197)
```
#2257ce
```
#2257ce rgb(34,87,206)
```
#1853d8
```
#1853d8 rgb(24,83,216)
```
#0f50e1
```
#0f50e1 rgb(15,80,225)
```
#064cea
```
#064cea rgb(6,76,234)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#545c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3167c0 Protanopia 1% of men
#006cb3 Deuteranopia 1% of men
#00757c Tritanopia 0.001% of the population

Trichromacy

#3264bf Protanomaly 1% of men, 0.01% of women
#1267b6 Deuteranomaly 6% of men, 0.4% of women
#126c93 Tritanomaly 0.01% of the population

#345ebc hex color

#345ebc Color Information

#345ebc Color Conversion

Color Schemes with #345ebc

Alternatives to #345ebc

#345ebc Preview

Shades and Tints of #345ebc

Tones of #345ebc

Color Blindness Simulator