#345dca hex color

In a RGB color space, hex #345dca is composed of 20.4% red, 36.5% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 54% magenta, 0% yellow and 20.8% black. It has a hue angle of 223.6 degrees, a saturation of 59.1% and a lightness of 49.8%. #345dca color hex could be obtained by blending #68baff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 36
- B 79
RGB color chart
- C 74
- M 54
- Y 0
- K 21
CMYK color chart

● #345dca color description : Moderate blue.

The hexadecimal color #345dca has RGB values of R:52, G:93, B:202 and CMYK values of C:0.74, M:0.54, Y:0, K:0.21. Its decimal value is 3431882.

Hex triplet	345dca	`#345dca`
RGB Decimal	52, 93, 202	`rgb(52,93,202)`
RGB Percent	20.4, 36.5, 79.2	`rgb(20.4%,36.5%,79.2%)`
CMYK	74, 54, 0, 21
HSL	223.6°, 59.1, 49.8	`hsl(223.6,59.1%,49.8%)`
HSV (or HSB)	223.6°, 74.3, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.494, 23.886, -60.813
XYZ	15.989, 12.822, 57.506
xyY	0.185, 0.149, 12.822
CIE-LCH	42.494, 65.336, 291.443
CIE-LUV	42.494, -16.52, -91.329
Hunter-Lab	35.808, 17.041, -70.153
Binary	00110100, 01011101, 11001010

#345dca
```
#345dca rgb(52,93,202)
```
#caa134
```
#caa134 rgb(202,161,52)
```

Complementary Color

#34a8ca
```
#34a8ca rgb(52,168,202)
```
#345dca
```
#345dca rgb(52,93,202)
```
#5634ca
```
#5634ca rgb(86,52,202)
```

Analogous Color

#a8ca34
```
#a8ca34 rgb(168,202,52)
```
#345dca
```
#345dca rgb(52,93,202)
```
#ca5634
```
#ca5634 rgb(202,86,52)
```

Split Complementary Color

#5dca34
```
#5dca34 rgb(93,202,52)
```
#345dca
```
#345dca rgb(52,93,202)
```
#ca345d
```
#ca345d rgb(202,52,93)
```

Triadic Color

#34caa1
```
#34caa1 rgb(52,202,161)
```
#345dca
```
#345dca rgb(52,93,202)
```
#ca345d
```
#ca345d rgb(202,52,93)
```
#caa134
```
#caa134 rgb(202,161,52)
```

Tetradic Color

#24418d
```
#24418d rgb(36,65,141)
```
#2a4aa1
```
#2a4aa1 rgb(42,74,161)
```
#2f54b6
```
#2f54b6 rgb(47,84,182)
```
#345dca
```
#345dca rgb(52,93,202)
```
#486dd0
```
#486dd0 rgb(72,109,208)
```
#5c7dd5
```
#5c7dd5 rgb(92,125,213)
```
#708dda
```
#708dda rgb(112,141,218)
```

Monochromatic Color

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

#3483ca
```
#3483ca rgb(52,131,202)
```
#3476ca
```
#3476ca rgb(52,118,202)
```
#346aca
```
#346aca rgb(52,106,202)
```
#345dca
```
#345dca rgb(52,93,202)
```
#3451ca
```
#3451ca rgb(52,81,202)
```
#3444ca
```
#3444ca rgb(52,68,202)
```
#3438ca
```
#3438ca rgb(52,56,202)
```

Similar Colors

Text with hexadecimal color #345dca

This text has a font color of #345dca.

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

#345dca background color

This paragraph has a background color of #345dca.

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

#345dca border color

This element has a border color of #345dca.

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

CSS codes

.text {color:#345dca;}

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

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

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, #04070f is the darkest color, while #fefeff is the lightest one.

#04070f
```
#04070f rgb(4,7,15)
```
#080e1e
```
#080e1e rgb(8,14,30)
```
#0c152e
```
#0c152e rgb(12,21,46)
```
#101c3e
```
#101c3e rgb(16,28,62)
```
#14244d
```
#14244d rgb(20,36,77)
```
#182b5d
```
#182b5d rgb(24,43,93)
```
#1c326c
```
#1c326c rgb(28,50,108)
```
#20397c
```
#20397c rgb(32,57,124)
```
#24408c
```
#24408c rgb(36,64,140)
```
#28479b
```
#28479b rgb(40,71,155)
```
#2c4fab
```
#2c4fab rgb(44,79,171)
```
#3056ba
```
#3056ba rgb(48,86,186)
```
#345dca
```
#345dca rgb(52,93,202)
```

Shade Color Variation

#4369cf
```
#4369cf rgb(67,105,207)
```
#5376d3
```
#5376d3 rgb(83,118,211)
```
#6282d7
```
#6282d7 rgb(98,130,215)
```
#728edb
```
#728edb rgb(114,142,219)
```
#819bdf
```
#819bdf rgb(129,155,223)
```
#91a7e3
```
#91a7e3 rgb(145,167,227)
```
#a1b4e7
```
#a1b4e7 rgb(161,180,231)
```
#b0c0eb
```
#b0c0eb rgb(176,192,235)
```
#c0cdef
```
#c0cdef rgb(192,205,239)
```
#cfd9f3
```
#cfd9f3 rgb(207,217,243)
```
#dfe5f7
```
#dfe5f7 rgb(223,229,247)
```
#eff2fb
```
#eff2fb rgb(239,242,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#787c86
```
#787c86 rgb(120,124,134)
```
#6f788f
```
#6f788f rgb(111,120,143)
```
#657399
```
#657399 rgb(101,115,153)
```
#5b6fa3
```
#5b6fa3 rgb(91,111,163)
```
#516aad
```
#516aad rgb(81,106,173)
```
#4866b6
```
#4866b6 rgb(72,102,182)
```
#3e61c0
```
#3e61c0 rgb(62,97,192)
```
#345dca
```
#345dca rgb(52,93,202)
```
#2a59d4
```
#2a59d4 rgb(42,89,212)
```
#2054de
```
#2054de rgb(32,84,222)
```
#1750e7
```
#1750e7 rgb(23,80,231)
```
#0d4bf1
```
#0d4bf1 rgb(13,75,241)
```
#0347fb
```
#0347fb rgb(3,71,251)
```

Tone Color Variation

Below, you can see how #345dca 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
#555d73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ce Protanopia 1% of men
#006eb4 Deuteranopia 1% of men
#00777e Tritanopia 0.001% of the population

Trichromacy

#1264cc Protanomaly 1% of men, 0.01% of women
#1268bc Deuteranomaly 6% of men, 0.4% of women
#126d99 Tritanomaly 0.01% of the population

#345dca hex color

#345dca Color Information

#345dca Color Conversion

Color Schemes with #345dca

Alternatives to #345dca

#345dca Preview

Shades and Tints of #345dca

Tones of #345dca

Color Blindness Simulator