#345de4 hex color

In a RGB color space, hex #345de4 is composed of 20.4% red, 36.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 59.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 226 degrees, a saturation of 76.5% and a lightness of 54.9%. #345de4 color hex could be obtained by blending #68baff with #0000c9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 36
- B 89
RGB color chart
- C 77
- M 59
- Y 0
- K 11
CMYK color chart

● #345de4 color description : Bright blue.

The hexadecimal color #345de4 has RGB values of R:52, G:93, B:228 and CMYK values of C:0.77, M:0.59, Y:0, K:0.11. Its decimal value is 3431908.

Hex triplet	345de4	`#345de4`
RGB Decimal	52, 93, 228	`rgb(52,93,228)`
RGB Percent	20.4, 36.5, 89.4	`rgb(20.4%,36.5%,89.4%)`
CMYK	77, 59, 0, 11
HSL	226°, 76.5, 54.9	`hsl(226,76.5%,54.9%)`
HSV (or HSB)	226°, 77.2, 89.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.46, 33.44, -72.474
XYZ	19.331, 14.159, 75.109
xyY	0.178, 0.13, 14.159
CIE-LCH	44.46, 79.816, 294.769
CIE-LUV	44.46, -16.561, -109.539
Hunter-Lab	37.628, 25.854, -92.007
Binary	00110100, 01011101, 11100100

#345de4
```
#345de4 rgb(52,93,228)
```
#e4bb34
```
#e4bb34 rgb(228,187,52)
```

Complementary Color

#34b5e4
```
#34b5e4 rgb(52,181,228)
```
#345de4
```
#345de4 rgb(52,93,228)
```
#6334e4
```
#6334e4 rgb(99,52,228)
```

Analogous Color

#b5e434
```
#b5e434 rgb(181,228,52)
```
#345de4
```
#345de4 rgb(52,93,228)
```
#e46334
```
#e46334 rgb(228,99,52)
```

Split Complementary Color

#5de434
```
#5de434 rgb(93,228,52)
```
#345de4
```
#345de4 rgb(52,93,228)
```
#e4345d
```
#e4345d rgb(228,52,93)
```

Triadic Color

#34e4bb
```
#34e4bb rgb(52,228,187)
```
#345de4
```
#345de4 rgb(52,93,228)
```
#e4345d
```
#e4345d rgb(228,52,93)
```
#e4bb34
```
#e4bb34 rgb(228,187,52)
```

Tetradic Color

#183cb4
```
#183cb4 rgb(24,60,180)
```
#1b44ca
```
#1b44ca rgb(27,68,202)
```
#1e4be1
```
#1e4be1 rgb(30,75,225)
```
#345de4
```
#345de4 rgb(52,93,228)
```
#4b6fe7
```
#4b6fe7 rgb(75,111,231)
```
#6181ea
```
#6181ea rgb(97,129,234)
```
#7893ed
```
#7893ed rgb(120,147,237)
```

Monochromatic Color

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

#3489e4
```
#3489e4 rgb(52,137,228)
```
#347ae4
```
#347ae4 rgb(52,122,228)
```
#346ce4
```
#346ce4 rgb(52,108,228)
```
#345de4
```
#345de4 rgb(52,93,228)
```
#344ee4
```
#344ee4 rgb(52,78,228)
```
#3440e4
```
#3440e4 rgb(52,64,228)
```
#3734e4
```
#3734e4 rgb(55,52,228)
```

Similar Colors

Text with hexadecimal color #345de4

This text has a font color of #345de4.

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

#345de4 background color

This paragraph has a background color of #345de4.

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

#345de4 border color

This element has a border color of #345de4.

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

CSS codes

.text {color:#345de4;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030716
```
#030716 rgb(3,7,22)
```
#050d27
```
#050d27 rgb(5,13,39)
```
#081339
```
#081339 rgb(8,19,57)
```
#0a194a
```
#0a194a rgb(10,25,74)
```
#0c1f5b
```
#0c1f5b rgb(12,31,91)
```
#0e246d
```
#0e246d rgb(14,36,109)
```
#112a7e
```
#112a7e rgb(17,42,126)
```
#13308f
```
#13308f rgb(19,48,143)
```
#1536a1
```
#1536a1 rgb(21,54,161)
```
#183cb2
```
#183cb2 rgb(24,60,178)
```
#1a41c3
```
#1a41c3 rgb(26,65,195)
```
#1c47d5
```
#1c47d5 rgb(28,71,213)
```

Shade Color Variation

#234fe2
```
#234fe2 rgb(35,79,226)
```
#345de4
```
#345de4 rgb(52,93,228)
```
#456be6
```
#456be6 rgb(69,107,230)
```
#5779e9
```
#5779e9 rgb(87,121,233)
```
#6886eb
```
#6886eb rgb(104,134,235)
```
#7994ed
```
#7994ed rgb(121,148,237)
```
#8ba2f0
```
#8ba2f0 rgb(139,162,240)
```
#9cb0f2
```
#9cb0f2 rgb(156,176,242)
```
#adbef4
```
#adbef4 rgb(173,190,244)
```
#bfccf6
```
#bfccf6 rgb(191,204,246)
```
#d0d9f9
```
#d0d9f9 rgb(208,217,249)
```
#e1e7fb
```
#e1e7fb rgb(225,231,251)
```
#f2f5fd
```
#f2f5fd rgb(242,245,253)
```

Tint Color Variation

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

#848894
```
#848894 rgb(132,136,148)
```
#7b839d
```
#7b839d rgb(123,131,157)
```
#727ea6
```
#727ea6 rgb(114,126,166)
```
#6979af
```
#6979af rgb(105,121,175)
```
#6075b8
```
#6075b8 rgb(96,117,184)
```
#5770c1
```
#5770c1 rgb(87,112,193)
```
#4f6bc9
```
#4f6bc9 rgb(79,107,201)
```
#4666d2
```
#4666d2 rgb(70,102,210)
```
#3d62db
```
#3d62db rgb(61,98,219)
```
#345de4
```
#345de4 rgb(52,93,228)
```
#2b58ed
```
#2b58ed rgb(43,88,237)
```
#2254f6
```
#2254f6 rgb(34,84,246)
```
#194fff
```
#194fff rgb(25,79,255)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#575f7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1267db Protanomaly 1% of men, 0.01% of women
#126bc9 Deuteranomaly 6% of men, 0.4% of women
#1270a6 Tritanomaly 0.01% of the population

#345de4 hex color

#345de4 Color Information

#345de4 Color Conversion

Color Schemes with #345de4

Alternatives to #345de4

#345de4 Preview

Shades and Tints of #345de4

Tones of #345de4

Color Blindness Simulator