#344bec hex color

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

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

● #344bec color description : Bright blue.

The hexadecimal color #344bec has RGB values of R:52, G:75, B:236 and CMYK values of C:0.78, M:0.68, Y:0, K:0.07. Its decimal value is 3427308.

Hex triplet	344bec	`#344bec`
RGB Decimal	52, 75, 236	`rgb(52,75,236)`
RGB Percent	20.4, 29.4, 92.5	`rgb(20.4%,29.4%,92.5%)`
CMYK	78, 68, 0, 7
HSL	232.5°, 82.9, 56.5	`hsl(232.5,82.9%,56.5%)`
HSV (or HSB)	232.5°, 78, 92.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.924, 47.348, -82.797
XYZ	19.069, 11.817, 80.628
xyY	0.171, 0.106, 11.817
CIE-LCH	40.924, 95.379, 299.763
CIE-LUV	40.924, -12.647, -120.041
Hunter-Lab	34.376, 38.862, -115.001
Binary	00110100, 01001011, 11101100

#344bec
```
#344bec rgb(52,75,236)
```
#ecd534
```
#ecd534 rgb(236,213,52)
```

Complementary Color

#34a7ec
```
#34a7ec rgb(52,167,236)
```
#344bec
```
#344bec rgb(52,75,236)
```
#7934ec
```
#7934ec rgb(121,52,236)
```

Analogous Color

#a7ec34
```
#a7ec34 rgb(167,236,52)
```
#344bec
```
#344bec rgb(52,75,236)
```
#ec7934
```
#ec7934 rgb(236,121,52)
```

Split Complementary Color

#4bec34
```
#4bec34 rgb(75,236,52)
```
#344bec
```
#344bec rgb(52,75,236)
```
#ec344b
```
#ec344b rgb(236,52,75)
```

Triadic Color

#34ecd5
```
#34ecd5 rgb(52,236,213)
```
#344bec
```
#344bec rgb(52,75,236)
```
#ec344b
```
#ec344b rgb(236,52,75)
```
#ecd534
```
#ecd534 rgb(236,213,52)
```

Tetradic Color

#1228c1
```
#1228c1 rgb(18,40,193)
```
#142dd9
```
#142dd9 rgb(20,45,217)
```
#1d36ea
```
#1d36ea rgb(29,54,234)
```
#344bec
```
#344bec rgb(52,75,236)
```
#4b60ee
```
#4b60ee rgb(75,96,238)
```
#6374f0
```
#6374f0 rgb(99,116,240)
```
#7a89f3
```
#7a89f3 rgb(122,137,243)
```

Monochromatic Color

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

#3479ec
```
#3479ec rgb(52,121,236)
```
#346aec
```
#346aec rgb(52,106,236)
```
#345aec
```
#345aec rgb(52,90,236)
```
#344bec
```
#344bec rgb(52,75,236)
```
#343cec
```
#343cec rgb(52,60,236)
```
#3c34ec
```
#3c34ec rgb(60,52,236)
```
#4b34ec
```
#4b34ec rgb(75,52,236)
```

Similar Colors

Text with hexadecimal color #344bec

This text has a font color of #344bec.

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

#344bec background color

This paragraph has a background color of #344bec.

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

#344bec border color

This element has a border color of #344bec.

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

CSS codes

.text {color:#344bec;}

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

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

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)
```
#03061e
```
#03061e rgb(3,6,30)
```
#050a30
```
#050a30 rgb(5,10,48)
```
#060e42
```
#060e42 rgb(6,14,66)
```
#081154
```
#081154 rgb(8,17,84)
```
#0a1566
```
#0a1566 rgb(10,21,102)
```
#0b1978
```
#0b1978 rgb(11,25,120)
```
#0d1d8a
```
#0d1d8a rgb(13,29,138)
```
#0f209c
```
#0f209c rgb(15,32,156)
```
#1024ae
```
#1024ae rgb(16,36,174)
```
#1228c0
```
#1228c0 rgb(18,40,192)
```
#142bd2
```
#142bd2 rgb(20,43,210)
```
#152fe3
```
#152fe3 rgb(21,47,227)
```

Shade Color Variation

#223bea
```
#223bea rgb(34,59,234)
```
#344bec
```
#344bec rgb(52,75,236)
```
#465bee
```
#465bee rgb(70,91,238)
```
#586bef
```
#586bef rgb(88,107,239)
```
#6a7bf1
```
#6a7bf1 rgb(106,123,241)
```
#7c8bf3
```
#7c8bf3 rgb(124,139,243)
```
#8e9bf4
```
#8e9bf4 rgb(142,155,244)
```
#a0aaf6
```
#a0aaf6 rgb(160,170,246)
```
#b2baf8
```
#b2baf8 rgb(178,186,248)
```
#c3caf9
```
#c3caf9 rgb(195,202,249)
```
#d5dafb
```
#d5dafb rgb(213,218,251)
```
#e7eafd
```
#e7eafd rgb(231,234,253)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

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

#898b97
```
#898b97 rgb(137,139,151)
```
#81859f
```
#81859f rgb(129,133,159)
```
#787ea8
```
#787ea8 rgb(120,126,168)
```
#7078b0
```
#7078b0 rgb(112,120,176)
```
#6771b9
```
#6771b9 rgb(103,113,185)
```
#5f6bc1
```
#5f6bc1 rgb(95,107,193)
```
#5665ca
```
#5665ca rgb(86,101,202)
```
#4e5ed2
```
#4e5ed2 rgb(78,94,210)
```
#4558db
```
#4558db rgb(69,88,219)
```
#3d51e3
```
#3d51e3 rgb(61,81,227)
```
#344bec
```
#344bec rgb(52,75,236)
```
#2b45f5
```
#2b45f5 rgb(43,69,245)
```
#233efd
```
#233efd rgb(35,62,253)
```

Tone Color Variation

Below, you can see how #344bec 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

#565656 Achromatopsia 0.005% of the population
#4f5474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#125cd3 Protanomaly 1% of men, 0.01% of women
#125fc3 Deuteranomaly 6% of men, 0.4% of women
#1264a2 Tritanomaly 0.01% of the population

#344bec hex color

#344bec Color Information

#344bec Color Conversion

Color Schemes with #344bec

Alternatives to #344bec

#344bec Preview

Shades and Tints of #344bec

Tones of #344bec

Color Blindness Simulator