#345bec hex color

In a RGB color space, hex #345bec is composed of 20.4% red, 35.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 61.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 227.3 degrees, a saturation of 82.9% and a lightness of 56.5%. #345bec color hex could be obtained by blending #68b6ff with #0000d9. Closest websafe color is: #3366ff.

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

● #345bec color description : Bright blue.

The hexadecimal color #345bec has RGB values of R:52, G:91, B:236 and CMYK values of C:0.78, M:0.61, Y:0, K:0.07. Its decimal value is 3431404.

Hex triplet	345bec	`#345bec`
RGB Decimal	52, 91, 236	`rgb(52,91,236)`
RGB Percent	20.4, 35.7, 92.5	`rgb(20.4%,35.7%,92.5%)`
CMYK	78, 61, 0, 7
HSL	227.3°, 82.9, 56.5	`hsl(227.3,82.9%,56.5%)`
HSV (or HSB)	227.3°, 78, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.613, 37.583, -76.741
XYZ	20.294, 14.267, 81.036
xyY	0.176, 0.123, 14.267
CIE-LCH	44.613, 85.45, 296.093
CIE-LUV	44.613, -16.124, -115.634
Hunter-Lab	37.772, 29.807, -100.763
Binary	00110100, 01011011, 11101100

#345bec
```
#345bec rgb(52,91,236)
```
#ecc534
```
#ecc534 rgb(236,197,52)
```

Complementary Color

#34b7ec
```
#34b7ec rgb(52,183,236)
```
#345bec
```
#345bec rgb(52,91,236)
```
#6934ec
```
#6934ec rgb(105,52,236)
```

Analogous Color

#b7ec34
```
#b7ec34 rgb(183,236,52)
```
#345bec
```
#345bec rgb(52,91,236)
```
#ec6934
```
#ec6934 rgb(236,105,52)
```

Split Complementary Color

#5bec34
```
#5bec34 rgb(91,236,52)
```
#345bec
```
#345bec rgb(52,91,236)
```
#ec345b
```
#ec345b rgb(236,52,91)
```

Triadic Color

#34ecc5
```
#34ecc5 rgb(52,236,197)
```
#345bec
```
#345bec rgb(52,91,236)
```
#ec345b
```
#ec345b rgb(236,52,91)
```
#ecc534
```
#ecc534 rgb(236,197,52)
```

Tetradic Color

#1237c1
```
#1237c1 rgb(18,55,193)
```
#143ed9
```
#143ed9 rgb(20,62,217)
```
#1d48ea
```
#1d48ea rgb(29,72,234)
```
#345bec
```
#345bec rgb(52,91,236)
```
#4b6eee
```
#4b6eee rgb(75,110,238)
```
#6381f0
```
#6381f0 rgb(99,129,240)
```
#7a94f3
```
#7a94f3 rgb(122,148,243)
```

Monochromatic Color

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

#3489ec
```
#3489ec rgb(52,137,236)
```
#347aec
```
#347aec rgb(52,122,236)
```
#346aec
```
#346aec rgb(52,106,236)
```
#345bec
```
#345bec rgb(52,91,236)
```
#344cec
```
#344cec rgb(52,76,236)
```
#343cec
```
#343cec rgb(52,60,236)
```
#3b34ec
```
#3b34ec rgb(59,52,236)
```

Similar Colors

Text with hexadecimal color #345bec

This text has a font color of #345bec.

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

#345bec background color

This paragraph has a background color of #345bec.

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

#345bec border color

This element has a border color of #345bec.

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

CSS codes

.text {color:#345bec;}

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

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

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

#01030c
```
#01030c rgb(1,3,12)
```
#03091e
```
#03091e rgb(3,9,30)
```
#050e30
```
#050e30 rgb(5,14,48)
```
#061342
```
#061342 rgb(6,19,66)
```
#081854
```
#081854 rgb(8,24,84)
```
#0a1d66
```
#0a1d66 rgb(10,29,102)
```
#0b2278
```
#0b2278 rgb(11,34,120)
```
#0d278a
```
#0d278a rgb(13,39,138)
```
#0f2c9c
```
#0f2c9c rgb(15,44,156)
```
#1032ae
```
#1032ae rgb(16,50,174)
```
#1237c0
```
#1237c0 rgb(18,55,192)
```
#143cd2
```
#143cd2 rgb(20,60,210)
```
#1541e3
```
#1541e3 rgb(21,65,227)
```

Shade Color Variation

#224dea
```
#224dea rgb(34,77,234)
```
#345bec
```
#345bec rgb(52,91,236)
```
#4669ee
```
#4669ee rgb(70,105,238)
```
#5878ef
```
#5878ef rgb(88,120,239)
```
#6a86f1
```
#6a86f1 rgb(106,134,241)
```
#7c95f3
```
#7c95f3 rgb(124,149,243)
```
#8ea3f4
```
#8ea3f4 rgb(142,163,244)
```
#a0b2f6
```
#a0b2f6 rgb(160,178,246)
```
#b2c0f8
```
#b2c0f8 rgb(178,192,248)
```
#c3cff9
```
#c3cff9 rgb(195,207,249)
```
#d5ddfb
```
#d5ddfb rgb(213,221,251)
```
#e7ecfd
```
#e7ecfd rgb(231,236,253)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898c97 is the less saturated color, while #2351fd is the most saturated one.

#898c97
```
#898c97 rgb(137,140,151)
```
#81879f
```
#81879f rgb(129,135,159)
```
#7882a8
```
#7882a8 rgb(120,130,168)
```
#707db0
```
#707db0 rgb(112,125,176)
```
#6779b9
```
#6779b9 rgb(103,121,185)
```
#5f74c1
```
#5f74c1 rgb(95,116,193)
```
#566fca
```
#566fca rgb(86,111,202)
```
#4e6ad2
```
#4e6ad2 rgb(78,106,210)
```
#4565db
```
#4565db rgb(69,101,219)
```
#3d60e3
```
#3d60e3 rgb(61,96,227)
```
#345bec
```
#345bec rgb(52,91,236)
```
#2b56f5
```
#2b56f5 rgb(43,86,245)
```
#2351fd
```
#2351fd rgb(35,81,253)
```

Tone Color Variation

Below, you can see how #345bec 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
#0074bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1267de Protanomaly 1% of men, 0.01% of women
#126bcc Deuteranomaly 6% of men, 0.4% of women
#1270a9 Tritanomaly 0.01% of the population

#345bec hex color

#345bec Color Information

#345bec Color Conversion

Color Schemes with #345bec

Alternatives to #345bec

#345bec Preview

Shades and Tints of #345bec

Tones of #345bec

Color Blindness Simulator