#345fea hex color

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

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

● #345fea color description : Bright blue.

The hexadecimal color #345fea has RGB values of R:52, G:95, B:234 and CMYK values of C:0.78, M:0.59, Y:0, K:0.08. Its decimal value is 3432426.

Hex triplet	345fea	`#345fea`
RGB Decimal	52, 95, 234	`rgb(52,95,234)`
RGB Percent	20.4, 37.3, 91.8	`rgb(20.4%,37.3%,91.8%)`
CMYK	78, 59, 0, 8
HSL	225.8°, 81.3, 56.1	`hsl(225.8,81.3%,56.1%)`
HSV (or HSB)	225.8°, 77.8, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.433, 34.355, -74.274
XYZ	20.357, 14.854, 79.632
xyY	0.177, 0.129, 14.854
CIE-LCH	45.433, 81.835, 294.822
CIE-LUV	45.433, -17.084, -112.821
Hunter-Lab	38.54, 26.836, -95.526
Binary	00110100, 01011111, 11101010

#345fea
```
#345fea rgb(52,95,234)
```
#eabf34
```
#eabf34 rgb(234,191,52)
```

Complementary Color

#34baea
```
#34baea rgb(52,186,234)
```
#345fea
```
#345fea rgb(52,95,234)
```
#6434ea
```
#6434ea rgb(100,52,234)
```

Analogous Color

#baea34
```
#baea34 rgb(186,234,52)
```
#345fea
```
#345fea rgb(52,95,234)
```
#ea6434
```
#ea6434 rgb(234,100,52)
```

Split Complementary Color

#5fea34
```
#5fea34 rgb(95,234,52)
```
#345fea
```
#345fea rgb(52,95,234)
```
#ea345f
```
#ea345f rgb(234,52,95)
```

Triadic Color

#34eabf
```
#34eabf rgb(52,234,191)
```
#345fea
```
#345fea rgb(52,95,234)
```
#ea345f
```
#ea345f rgb(234,52,95)
```
#eabf34
```
#eabf34 rgb(234,191,52)
```

Tetradic Color

#143cbe
```
#143cbe rgb(20,60,190)
```
#1643d5
```
#1643d5 rgb(22,67,213)
```
#1d4de8
```
#1d4de8 rgb(29,77,232)
```
#345fea
```
#345fea rgb(52,95,234)
```
#4b71ec
```
#4b71ec rgb(75,113,236)
```
#6283ef
```
#6283ef rgb(98,131,239)
```
#7996f1
```
#7996f1 rgb(121,150,241)
```

Monochromatic Color

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

#348dea
```
#348dea rgb(52,141,234)
```
#347dea
```
#347dea rgb(52,125,234)
```
#346eea
```
#346eea rgb(52,110,234)
```
#345fea
```
#345fea rgb(52,95,234)
```
#3450ea
```
#3450ea rgb(52,80,234)
```
#3441ea
```
#3441ea rgb(52,65,234)
```
#3734ea
```
#3734ea rgb(55,52,234)
```

Similar Colors

Text with hexadecimal color #345fea

This text has a font color of #345fea.

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

#345fea background color

This paragraph has a background color of #345fea.

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

#345fea border color

This element has a border color of #345fea.

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

CSS codes

.text {color:#345fea;}

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

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

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)
```
#081a51
```
#081a51 rgb(8,26,81)
```
#0a1f63
```
#0a1f63 rgb(10,31,99)
```
#0c2575
```
#0c2575 rgb(12,37,117)
```
#0e2a87
```
#0e2a87 rgb(14,42,135)
```
#103099
```
#103099 rgb(16,48,153)
```
#1236aa
```
#1236aa rgb(18,54,170)
```
#133bbc
```
#133bbc rgb(19,59,188)
```
#1541ce
```
#1541ce rgb(21,65,206)
```
#1747e0
```
#1747e0 rgb(23,71,224)
```

Shade Color Variation

#2251e8
```
#2251e8 rgb(34,81,232)
```
#345fea
```
#345fea rgb(52,95,234)
```
#466dec
```
#466dec rgb(70,109,236)
```
#587bee
```
#587bee rgb(88,123,238)
```
#6989f0
```
#6989f0 rgb(105,137,240)
```
#7b97f1
```
#7b97f1 rgb(123,151,241)
```
#8da5f3
```
#8da5f3 rgb(141,165,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 #2356fb is the most saturated one.

#8a8c94
```
#8a8c94 rgb(138,140,148)
```
#82889c
```
#82889c rgb(130,136,156)
```
#7983a5
```
#7983a5 rgb(121,131,165)
```
#707fae
```
#707fae rgb(112,127,174)
```
#687ab6
```
#687ab6 rgb(104,122,182)
```
#5f76bf
```
#5f76bf rgb(95,118,191)
```
#5671c8
```
#5671c8 rgb(86,113,200)
```
#4e6dd0
```
#4e6dd0 rgb(78,109,208)
```
#4568d9
```
#4568d9 rgb(69,104,217)
```
#3d64e1
```
#3d64e1 rgb(61,100,225)
```
#345fea
```
#345fea rgb(52,95,234)
```
#2b5af3
```
#2b5af3 rgb(43,90,243)
```
#2356fb
```
#2356fb rgb(35,86,251)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#59617d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1269e0 Protanomaly 1% of men, 0.01% of women
#126dce Deuteranomaly 6% of men, 0.4% of women
#1273aa Tritanomaly 0.01% of the population

#345fea hex color

#345fea Color Information

#345fea Color Conversion

Color Schemes with #345fea

Alternatives to #345fea

#345fea Preview

Shades and Tints of #345fea

Tones of #345fea

Color Blindness Simulator