#344ee2 hex color

In a RGB color space, hex #344ee2 is composed of 20.4% red, 30.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 65.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 231 degrees, a saturation of 75% and a lightness of 54.5%. #344ee2 color hex could be obtained by blending #689cff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 31
- B 89
RGB color chart
- C 77
- M 65
- Y 0
- K 11
CMYK color chart

● #344ee2 color description : Bright blue.

The hexadecimal color #344ee2 has RGB values of R:52, G:78, B:226 and CMYK values of C:0.77, M:0.65, Y:0, K:0.11. Its decimal value is 3428066.

Hex triplet	344ee2	`#344ee2`
RGB Decimal	52, 78, 226	`rgb(52,78,226)`
RGB Percent	20.4, 30.6, 88.6	`rgb(20.4%,30.6%,88.6%)`
CMYK	77, 65, 0, 11
HSL	231°, 75, 54.5	`hsl(231,75%,54.5%)`
HSV (or HSB)	231°, 77, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.685, 42.084, -77.52
XYZ	17.865, 11.669, 73.258
xyY	0.174, 0.114, 11.669
CIE-LCH	40.685, 88.206, 298.497
CIE-LUV	40.685, -13.049, -113.106
Hunter-Lab	34.159, 33.576, -103.242
Binary	00110100, 01001110, 11100010

#344ee2
```
#344ee2 rgb(52,78,226)
```
#e2c834
```
#e2c834 rgb(226,200,52)
```

Complementary Color

#34a5e2
```
#34a5e2 rgb(52,165,226)
```
#344ee2
```
#344ee2 rgb(52,78,226)
```
#7134e2
```
#7134e2 rgb(113,52,226)
```

Analogous Color

#a5e234
```
#a5e234 rgb(165,226,52)
```
#344ee2
```
#344ee2 rgb(52,78,226)
```
#e27134
```
#e27134 rgb(226,113,52)
```

Split Complementary Color

#4ee234
```
#4ee234 rgb(78,226,52)
```
#344ee2
```
#344ee2 rgb(52,78,226)
```
#e2344e
```
#e2344e rgb(226,52,78)
```

Triadic Color

#34e2c8
```
#34e2c8 rgb(52,226,200)
```
#344ee2
```
#344ee2 rgb(52,78,226)
```
#e2344e
```
#e2344e rgb(226,52,78)
```
#e2c834
```
#e2c834 rgb(226,200,52)
```

Tetradic Color

#1930b0
```
#1930b0 rgb(25,48,176)
```
#1c36c7
```
#1c36c7 rgb(28,54,199)
```
#203cdd
```
#203cdd rgb(32,60,221)
```
#344ee2
```
#344ee2 rgb(52,78,226)
```
#4a61e5
```
#4a61e5 rgb(74,97,229)
```
#6175e8
```
#6175e8 rgb(97,117,232)
```
#7788ec
```
#7788ec rgb(119,136,236)
```

Monochromatic Color

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

#347ae2
```
#347ae2 rgb(52,122,226)
```
#346be2
```
#346be2 rgb(52,107,226)
```
#345de2
```
#345de2 rgb(52,93,226)
```
#344ee2
```
#344ee2 rgb(52,78,226)
```
#3440e2
```
#3440e2 rgb(52,64,226)
```
#3734e2
```
#3734e2 rgb(55,52,226)
```
#4534e2
```
#4534e2 rgb(69,52,226)
```

Similar Colors

Text with hexadecimal color #344ee2

This text has a font color of #344ee2.

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

#344ee2 background color

This paragraph has a background color of #344ee2.

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

#344ee2 border color

This element has a border color of #344ee2.

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

CSS codes

.text {color:#344ee2;}

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

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

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, #000103 is the darkest color, while #f1f3fd is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#030514
```
#030514 rgb(3,5,20)
```
#050a25
```
#050a25 rgb(5,10,37)
```
#080f36
```
#080f36 rgb(8,15,54)
```
#0a1348
```
#0a1348 rgb(10,19,72)
```
#0d1859
```
#0d1859 rgb(13,24,89)
```
#0f1d6a
```
#0f1d6a rgb(15,29,106)
```
#12217b
```
#12217b rgb(18,33,123)
```
#14268c
```
#14268c rgb(20,38,140)
```
#162b9d
```
#162b9d rgb(22,43,157)
```
#192faf
```
#192faf rgb(25,47,175)
```
#1b34c0
```
#1b34c0 rgb(27,52,192)
```
#1e39d1
```
#1e39d1 rgb(30,57,209)
```

Shade Color Variation

#233fe0
```
#233fe0 rgb(35,63,224)
```
#344ee2
```
#344ee2 rgb(52,78,226)
```
#455de4
```
#455de4 rgb(69,93,228)
```
#566ce7
```
#566ce7 rgb(86,108,231)
```
#677be9
```
#677be9 rgb(103,123,233)
```
#798aec
```
#798aec rgb(121,138,236)
```
#8a99ee
```
#8a99ee rgb(138,153,238)
```
#9ba8f1
```
#9ba8f1 rgb(155,168,241)
```
#acb7f3
```
#acb7f3 rgb(172,183,243)
```
#bdc6f6
```
#bdc6f6 rgb(189,198,246)
```
#ced5f8
```
#ced5f8 rgb(206,213,248)
```
#e0e4fb
```
#e0e4fb rgb(224,228,251)
```
#f1f3fd
```
#f1f3fd rgb(241,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848692 is the less saturated color, while #193bfd is the most saturated one.

#848692
```
#848692 rgb(132,134,146)
```
#7b809b
```
#7b809b rgb(123,128,155)
```
#727aa4
```
#727aa4 rgb(114,122,164)
```
#6a74ac
```
#6a74ac rgb(106,116,172)
```
#616db5
```
#616db5 rgb(97,109,181)
```
#5867be
```
#5867be rgb(88,103,190)
```
#4f61c7
```
#4f61c7 rgb(79,97,199)
```
#465bd0
```
#465bd0 rgb(70,91,208)
```
#3d54d9
```
#3d54d9 rgb(61,84,217)
```
#344ee2
```
#344ee2 rgb(52,78,226)
```
#2b48eb
```
#2b48eb rgb(43,72,235)
```
#2241f4
```
#2241f4 rgb(34,65,244)
```
#193bfd
```
#193bfd rgb(25,59,253)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#505573 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006aab Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#125ccf Protanomaly 1% of men, 0.01% of women
#1260bf Deuteranomaly 6% of men, 0.4% of women
#12659e Tritanomaly 0.01% of the population

#344ee2 hex color

#344ee2 Color Information

#344ee2 Color Conversion

Color Schemes with #344ee2

Alternatives to #344ee2

#344ee2 Preview

Shades and Tints of #344ee2

Tones of #344ee2

Color Blindness Simulator