#345ec7 hex color

In a RGB color space, hex #345ec7 is composed of 20.4% red, 36.9% green and 78% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 52.8% magenta, 0% yellow and 22% black. It has a hue angle of 222.9 degrees, a saturation of 58.6% and a lightness of 49.2%. #345ec7 color hex could be obtained by blending #68bcff with #00008f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 37
- B 78
RGB color chart
- C 74
- M 53
- Y 0
- K 22
CMYK color chart

● #345ec7 color description : Moderate blue.

The hexadecimal color #345ec7 has RGB values of R:52, G:94, B:199 and CMYK values of C:0.74, M:0.53, Y:0, K:0.22. Its decimal value is 3432135.

Hex triplet	345ec7	`#345ec7`
RGB Decimal	52, 94, 199	`rgb(52,94,199)`
RGB Percent	20.4, 36.9, 78	`rgb(20.4%,36.9%,78%)`
CMYK	74, 53, 0, 22
HSL	222.9°, 58.6, 49.2	`hsl(222.9,58.6%,49.2%)`
HSV (or HSB)	222.9°, 73.9, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.548, 22.126, -58.992
XYZ	15.725, 12.858, 55.683
xyY	0.187, 0.153, 12.858
CIE-LCH	42.548, 63.005, 290.559
CIE-LUV	42.548, -16.809, -88.652
Hunter-Lab	35.858, 15.53, -66.969
Binary	00110100, 01011110, 11000111

#345ec7
```
#345ec7 rgb(52,94,199)
```
#c79d34
```
#c79d34 rgb(199,157,52)
```

Complementary Color

#34a8c7
```
#34a8c7 rgb(52,168,199)
```
#345ec7
```
#345ec7 rgb(52,94,199)
```
#5434c7
```
#5434c7 rgb(84,52,199)
```

Analogous Color

#a8c734
```
#a8c734 rgb(168,199,52)
```
#345ec7
```
#345ec7 rgb(52,94,199)
```
#c75434
```
#c75434 rgb(199,84,52)
```

Split Complementary Color

#5ec734
```
#5ec734 rgb(94,199,52)
```
#345ec7
```
#345ec7 rgb(52,94,199)
```
#c7345e
```
#c7345e rgb(199,52,94)
```

Triadic Color

#34c79d
```
#34c79d rgb(52,199,157)
```
#345ec7
```
#345ec7 rgb(52,94,199)
```
#c7345e
```
#c7345e rgb(199,52,94)
```
#c79d34
```
#c79d34 rgb(199,157,52)
```

Tetradic Color

#24418a
```
#24418a rgb(36,65,138)
```
#294b9f
```
#294b9f rgb(41,75,159)
```
#2f54b3
```
#2f54b3 rgb(47,84,179)
```
#345ec7
```
#345ec7 rgb(52,94,199)
```
#466dcf
```
#466dcf rgb(70,109,207)
```
#5a7dd4
```
#5a7dd4 rgb(90,125,212)
```
#6e8dd9
```
#6e8dd9 rgb(110,141,217)
```

Monochromatic Color

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

#3483c7
```
#3483c7 rgb(52,131,199)
```
#3477c7
```
#3477c7 rgb(52,119,199)
```
#346ac7
```
#346ac7 rgb(52,106,199)
```
#345ec7
```
#345ec7 rgb(52,94,199)
```
#3452c7
```
#3452c7 rgb(52,82,199)
```
#3446c7
```
#3446c7 rgb(52,70,199)
```
#3439c7
```
#3439c7 rgb(52,57,199)
```

Similar Colors

Text with hexadecimal color #345ec7

This text has a font color of #345ec7.

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

#345ec7 background color

This paragraph has a background color of #345ec7.

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

#345ec7 border color

This element has a border color of #345ec7.

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

CSS codes

.text {color:#345ec7;}

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

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

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, #03060c is the darkest color, while #fcfcfe is the lightest one.

#03060c
```
#03060c rgb(3,6,12)
```
#070d1c
```
#070d1c rgb(7,13,28)
```
#0b152b
```
#0b152b rgb(11,21,43)
```
#0f1c3b
```
#0f1c3b rgb(15,28,59)
```
#13234b
```
#13234b rgb(19,35,75)
```
#182b5a
```
#182b5a rgb(24,43,90)
```
#1c326a
```
#1c326a rgb(28,50,106)
```
#203979
```
#203979 rgb(32,57,121)
```
#244189
```
#244189 rgb(36,65,137)
```
#284898
```
#284898 rgb(40,72,152)
```
#2c4fa8
```
#2c4fa8 rgb(44,79,168)
```
#3057b7
```
#3057b7 rgb(48,87,183)
```
#345ec7
```
#345ec7 rgb(52,94,199)
```

Shade Color Variation

#4169cd
```
#4169cd rgb(65,105,205)
```
#5176d1
```
#5176d1 rgb(81,118,209)
```
#6082d6
```
#6082d6 rgb(96,130,214)
```
#708eda
```
#708eda rgb(112,142,218)
```
#7f9ade
```
#7f9ade rgb(127,154,222)
```
#8fa7e2
```
#8fa7e2 rgb(143,167,226)
```
#9fb3e6
```
#9fb3e6 rgb(159,179,230)
```
#aebfea
```
#aebfea rgb(174,191,234)
```
#becbee
```
#becbee rgb(190,203,238)
```
#cdd8f2
```
#cdd8f2 rgb(205,216,242)
```
#dde4f6
```
#dde4f6 rgb(221,228,246)
```
#ecf0fa
```
#ecf0fa rgb(236,240,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787b83 is the less saturated color, while #0449f7 is the most saturated one.

#787b83
```
#787b83 rgb(120,123,131)
```
#6e778d
```
#6e778d rgb(110,119,141)
```
#647397
```
#647397 rgb(100,115,151)
```
#5b6fa0
```
#5b6fa0 rgb(91,111,160)
```
#516aaa
```
#516aaa rgb(81,106,170)
```
#4766b4
```
#4766b4 rgb(71,102,180)
```
#3e62bd
```
#3e62bd rgb(62,98,189)
```
#345ec7
```
#345ec7 rgb(52,94,199)
```
#2a5ad1
```
#2a5ad1 rgb(42,90,209)
```
#2156da
```
#2156da rgb(33,86,218)
```
#1752e4
```
#1752e4 rgb(23,82,228)
```
#0d4dee
```
#0d4dee rgb(13,77,238)
```
#0449f7
```
#0449f7 rgb(4,73,247)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#555d72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1969cc Protanopia 1% of men
#006eb5 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#2265ca Protanomaly 1% of men, 0.01% of women
#1268bb Deuteranomaly 6% of men, 0.4% of women
#126d98 Tritanomaly 0.01% of the population

#345ec7 hex color

#345ec7 Color Information

#345ec7 Color Conversion

Color Schemes with #345ec7

Alternatives to #345ec7

#345ec7 Preview

Shades and Tints of #345ec7

Tones of #345ec7

Color Blindness Simulator