#345bea hex color

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

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

● #345bea color description : Bright blue.

The hexadecimal color #345bea has RGB values of R:52, G:91, B:234 and CMYK values of C:0.78, M:0.61, Y:0, K:0.08. Its decimal value is 3431402.

Hex triplet	345bea	`#345bea`
RGB Decimal	52, 91, 234	`rgb(52,91,234)`
RGB Percent	20.4, 35.7, 91.8	`rgb(20.4%,35.7%,91.8%)`
CMYK	78, 61, 0, 8
HSL	227.1°, 81.3, 56.1	`hsl(227.1,81.3%,56.1%)`
HSV (or HSB)	227.1°, 77.8, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.449, 36.865, -75.882
XYZ	20.005, 14.151, 79.515
xyY	0.176, 0.124, 14.151
CIE-LCH	44.449, 84.363, 295.912
CIE-LUV	44.449, -16.108, -114.311
Hunter-Lab	37.618, 29.095, -98.99
Binary	00110100, 01011011, 11101010

#345bea
```
#345bea rgb(52,91,234)
```
#eac334
```
#eac334 rgb(234,195,52)
```

Complementary Color

#34b6ea
```
#34b6ea rgb(52,182,234)
```
#345bea
```
#345bea rgb(52,91,234)
```
#6834ea
```
#6834ea rgb(104,52,234)
```

Analogous Color

#b6ea34
```
#b6ea34 rgb(182,234,52)
```
#345bea
```
#345bea rgb(52,91,234)
```
#ea6834
```
#ea6834 rgb(234,104,52)
```

Split Complementary Color

#5bea34
```
#5bea34 rgb(91,234,52)
```
#345bea
```
#345bea rgb(52,91,234)
```
#ea345b
```
#ea345b rgb(234,52,91)
```

Triadic Color

#34eac3
```
#34eac3 rgb(52,234,195)
```
#345bea
```
#345bea rgb(52,91,234)
```
#ea345b
```
#ea345b rgb(234,52,91)
```
#eac334
```
#eac334 rgb(234,195,52)
```

Tetradic Color

#1438be
```
#1438be rgb(20,56,190)
```
#163fd5
```
#163fd5 rgb(22,63,213)
```
#1d48e8
```
#1d48e8 rgb(29,72,232)
```
#345bea
```
#345bea rgb(52,91,234)
```
#4b6eec
```
#4b6eec rgb(75,110,236)
```
#6280ef
```
#6280ef rgb(98,128,239)
```
#7993f1
```
#7993f1 rgb(121,147,241)
```

Monochromatic Color

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

#3489ea
```
#3489ea rgb(52,137,234)
```
#3479ea
```
#3479ea rgb(52,121,234)
```
#346aea
```
#346aea rgb(52,106,234)
```
#345bea
```
#345bea rgb(52,91,234)
```
#344cea
```
#344cea rgb(52,76,234)
```
#343dea
```
#343dea rgb(52,61,234)
```
#3b34ea
```
#3b34ea rgb(59,52,234)
```

Similar Colors

Text with hexadecimal color #345bea

This text has a font color of #345bea.

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

#345bea background color

This paragraph has a background color of #345bea.

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

#345bea border color

This element has a border color of #345bea.

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

CSS codes

.text {color:#345bea;}

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

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

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)
```
#03081c
```
#03081c rgb(3,8,28)
```
#050e2e
```
#050e2e rgb(5,14,46)
```
#071340
```
#071340 rgb(7,19,64)
```
#081851
```
#081851 rgb(8,24,81)
```
#0a1d63
```
#0a1d63 rgb(10,29,99)
```
#0c2375
```
#0c2375 rgb(12,35,117)
```
#0e2887
```
#0e2887 rgb(14,40,135)
```
#102d99
```
#102d99 rgb(16,45,153)
```
#1232aa
```
#1232aa rgb(18,50,170)
```
#1338bc
```
#1338bc rgb(19,56,188)
```
#153dce
```
#153dce rgb(21,61,206)
```
#1742e0
```
#1742e0 rgb(23,66,224)
```

Shade Color Variation

#224de8
```
#224de8 rgb(34,77,232)
```
#345bea
```
#345bea rgb(52,91,234)
```
#4669ec
```
#4669ec rgb(70,105,236)
```
#5878ee
```
#5878ee rgb(88,120,238)
```
#6986f0
```
#6986f0 rgb(105,134,240)
```
#7b94f1
```
#7b94f1 rgb(123,148,241)
```
#8da3f3
```
#8da3f3 rgb(141,163,243)
```
#9fb1f5
```
#9fb1f5 rgb(159,177,245)
```
#b0c0f7
```
#b0c0f7 rgb(176,192,247)
```
#c2cef9
```
#c2cef9 rgb(194,206,249)
```
#d4dcfb
```
#d4dcfb rgb(212,220,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 #2351fb is the most saturated one.

#8a8c94
```
#8a8c94 rgb(138,140,148)
```
#82879c
```
#82879c rgb(130,135,156)
```
#7982a5
```
#7982a5 rgb(121,130,165)
```
#707dae
```
#707dae rgb(112,125,174)
```
#6879b6
```
#6879b6 rgb(104,121,182)
```
#5f74bf
```
#5f74bf rgb(95,116,191)
```
#566fc8
```
#566fc8 rgb(86,111,200)
```
#4e6ad0
```
#4e6ad0 rgb(78,106,208)
```
#4565d9
```
#4565d9 rgb(69,101,217)
```
#3d60e1
```
#3d60e1 rgb(61,96,225)
```
#345bea
```
#345bea rgb(52,91,234)
```
#2b56f3
```
#2b56f3 rgb(43,86,243)
```
#2351fb
```
#2351fb rgb(35,81,251)
```

Tone Color Variation

Below, you can see how #345bea 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
#575f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#1266dd Protanomaly 1% of men, 0.01% of women
#126acb Deuteranomaly 6% of men, 0.4% of women
#1270a8 Tritanomaly 0.01% of the population

#345bea hex color

#345bea Color Information

#345bea Color Conversion

Color Schemes with #345bea

Alternatives to #345bea

#345bea Preview

Shades and Tints of #345bea

Tones of #345bea

Color Blindness Simulator