#345eea hex color

In a RGB color space, hex #345eea is composed of 20.4% red, 36.9% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 59.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 226.2 degrees, a saturation of 81.3% and a lightness of 56.1%. #345eea color hex could be obtained by blending #68bcff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 37
- B 92
RGB color chart
- C 78
- M 60
- Y 0
- K 8
CMYK color chart

● #345eea color description : Bright blue.

The hexadecimal color #345eea has RGB values of R:52, G:94, B:234 and CMYK values of C:0.78, M:0.6, Y:0, K:0.08. Its decimal value is 3432170.

Hex triplet	345eea	`#345eea`
RGB Decimal	52, 94, 234	`rgb(52,94,234)`
RGB Percent	20.4, 36.9, 91.8	`rgb(20.4%,36.9%,91.8%)`
CMYK	78, 60, 0, 8
HSL	226.2°, 81.3, 56.1	`hsl(226.2,81.3%,56.1%)`
HSV (or HSB)	226.2°, 77.8, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.185, 34.984, -74.679
XYZ	20.267, 14.675, 79.602
xyY	0.177, 0.128, 14.675
CIE-LCH	45.185, 82.467, 295.101
CIE-LUV	45.185, -16.836, -113.207
Hunter-Lab	38.307, 27.4, -96.388
Binary	00110100, 01011110, 11101010

#345eea
```
#345eea rgb(52,94,234)
```
#eac034
```
#eac034 rgb(234,192,52)
```

Complementary Color

#34b9ea
```
#34b9ea rgb(52,185,234)
```
#345eea
```
#345eea rgb(52,94,234)
```
#6534ea
```
#6534ea rgb(101,52,234)
```

Analogous Color

#b9ea34
```
#b9ea34 rgb(185,234,52)
```
#345eea
```
#345eea rgb(52,94,234)
```
#ea6534
```
#ea6534 rgb(234,101,52)
```

Split Complementary Color

#5eea34
```
#5eea34 rgb(94,234,52)
```
#345eea
```
#345eea rgb(52,94,234)
```
#ea345e
```
#ea345e rgb(234,52,94)
```

Triadic Color

#34eac0
```
#34eac0 rgb(52,234,192)
```
#345eea
```
#345eea rgb(52,94,234)
```
#ea345e
```
#ea345e rgb(234,52,94)
```
#eac034
```
#eac034 rgb(234,192,52)
```

Tetradic Color

#143bbe
```
#143bbe rgb(20,59,190)
```
#1642d5
```
#1642d5 rgb(22,66,213)
```
#1d4ce8
```
#1d4ce8 rgb(29,76,232)
```
#345eea
```
#345eea rgb(52,94,234)
```
#4b70ec
```
#4b70ec rgb(75,112,236)
```
#6283ef
```
#6283ef rgb(98,131,239)
```
#7995f1
```
#7995f1 rgb(121,149,241)
```

Monochromatic Color

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

#348cea
```
#348cea rgb(52,140,234)
```
#347cea
```
#347cea rgb(52,124,234)
```
#346dea
```
#346dea rgb(52,109,234)
```
#345eea
```
#345eea rgb(52,94,234)
```
#344fea
```
#344fea rgb(52,79,234)
```
#3440ea
```
#3440ea rgb(52,64,234)
```
#3834ea
```
#3834ea rgb(56,52,234)
```

Similar Colors

Text with hexadecimal color #345eea

This text has a font color of #345eea.

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

#345eea background color

This paragraph has a background color of #345eea.

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

#345eea border color

This element has a border color of #345eea.

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

CSS codes

.text {color:#345eea;}

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

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

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, #01030a is the darkest color, while #f8f9fe is the lightest one.

#01030a
```
#01030a rgb(1,3,10)
```
#03091c
```
#03091c rgb(3,9,28)
```
#050e2e
```
#050e2e rgb(5,14,46)
```
#071440
```
#071440 rgb(7,20,64)
```
#081951
```
#081951 rgb(8,25,81)
```
#0a1f63
```
#0a1f63 rgb(10,31,99)
```
#0c2475
```
#0c2475 rgb(12,36,117)
```
#0e2a87
```
#0e2a87 rgb(14,42,135)
```
#102f99
```
#102f99 rgb(16,47,153)
```
#1235aa
```
#1235aa rgb(18,53,170)
```
#133abc
```
#133abc rgb(19,58,188)
```
#1540ce
```
#1540ce rgb(21,64,206)
```
#1745e0
```
#1745e0 rgb(23,69,224)
```

Shade Color Variation

#2250e8
```
#2250e8 rgb(34,80,232)
```
#345eea
```
#345eea rgb(52,94,234)
```
#466cec
```
#466cec rgb(70,108,236)
```
#587aee
```
#587aee rgb(88,122,238)
```
#6988f0
```
#6988f0 rgb(105,136,240)
```
#7b96f1
```
#7b96f1 rgb(123,150,241)
```
#8da4f3
```
#8da4f3 rgb(141,164,243)
```
#9fb3f5
```
#9fb3f5 rgb(159,179,245)
```
#b0c1f7
```
#b0c1f7 rgb(176,193,247)
```
#c2cff9
```
#c2cff9 rgb(194,207,249)
```
#d4ddfb
```
#d4ddfb rgb(212,221,251)
```
#e6ebfc
```
#e6ebfc rgb(230,235,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#8a8c94
```
#8a8c94 rgb(138,140,148)
```
#82889c
```
#82889c rgb(130,136,156)
```
#7983a5
```
#7983a5 rgb(121,131,165)
```
#707eae
```
#707eae rgb(112,126,174)
```
#687ab6
```
#687ab6 rgb(104,122,182)
```
#5f75bf
```
#5f75bf rgb(95,117,191)
```
#5671c8
```
#5671c8 rgb(86,113,200)
```
#4e6cd0
```
#4e6cd0 rgb(78,108,208)
```
#4567d9
```
#4567d9 rgb(69,103,217)
```
#3d63e1
```
#3d63e1 rgb(61,99,225)
```
#345eea
```
#345eea rgb(52,94,234)
```
#2b59f3
```
#2b59f3 rgb(43,89,243)
```
#2355fb
```
#2355fb rgb(35,85,251)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#58607c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#1268df Protanomaly 1% of men, 0.01% of women
#126ccd Deuteranomaly 6% of men, 0.4% of women
#1272a9 Tritanomaly 0.01% of the population

#345eea hex color

#345eea Color Information

#345eea Color Conversion

Color Schemes with #345eea

Alternatives to #345eea

#345eea Preview

Shades and Tints of #345eea

Tones of #345eea

Color Blindness Simulator