#344ae2 hex color

In a RGB color space, hex #344ae2 is composed of 20.4% red, 29% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 67.3% magenta, 0% yellow and 11.4% black. It has a hue angle of 232.4 degrees, a saturation of 75% and a lightness of 54.5%. #344ae2 color hex could be obtained by blending #6894ff with #0000c5. Closest websafe color is: #3333cc.

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

● #344ae2 color description : Bright blue.

The hexadecimal color #344ae2 has RGB values of R:52, G:74, B:226 and CMYK values of C:0.77, M:0.67, Y:0, K:0.11. Its decimal value is 3427042.

Hex triplet	344ae2	`#344ae2`
RGB Decimal	52, 74, 226	`rgb(52,74,226)`
RGB Percent	20.4, 29, 88.6	`rgb(20.4%,29%,88.6%)`
CMYK	77, 67, 0, 11
HSL	232.4°, 75, 54.5	`hsl(232.4,75%,54.5%)`
HSV (or HSB)	232.4°, 77, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.778, 44.513, -79.01
XYZ	17.59, 11.117, 73.166
xyY	0.173, 0.109, 11.117
CIE-LCH	39.778, 90.686, 299.396
CIE-LUV	39.778, -12.214, -114.063
Hunter-Lab	33.343, 35.816, -106.764
Binary	00110100, 01001010, 11100010

#344ae2
```
#344ae2 rgb(52,74,226)
```
#e2cc34
```
#e2cc34 rgb(226,204,52)
```

Complementary Color

#34a1e2
```
#34a1e2 rgb(52,161,226)
```
#344ae2
```
#344ae2 rgb(52,74,226)
```
#7534e2
```
#7534e2 rgb(117,52,226)
```

Analogous Color

#a1e234
```
#a1e234 rgb(161,226,52)
```
#344ae2
```
#344ae2 rgb(52,74,226)
```
#e27534
```
#e27534 rgb(226,117,52)
```

Split Complementary Color

#4ae234
```
#4ae234 rgb(74,226,52)
```
#344ae2
```
#344ae2 rgb(52,74,226)
```
#e2344a
```
#e2344a rgb(226,52,74)
```

Triadic Color

#34e2cc
```
#34e2cc rgb(52,226,204)
```
#344ae2
```
#344ae2 rgb(52,74,226)
```
#e2344a
```
#e2344a rgb(226,52,74)
```
#e2cc34
```
#e2cc34 rgb(226,204,52)
```

Tetradic Color

#192cb0
```
#192cb0 rgb(25,44,176)
```
#1c32c7
```
#1c32c7 rgb(28,50,199)
```
#2038dd
```
#2038dd rgb(32,56,221)
```
#344ae2
```
#344ae2 rgb(52,74,226)
```
#4a5ee5
```
#4a5ee5 rgb(74,94,229)
```
#6172e8
```
#6172e8 rgb(97,114,232)
```
#7786ec
```
#7786ec rgb(119,134,236)
```

Monochromatic Color

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

#3476e2
```
#3476e2 rgb(52,118,226)
```
#3467e2
```
#3467e2 rgb(52,103,226)
```
#3458e2
```
#3458e2 rgb(52,88,226)
```
#344ae2
```
#344ae2 rgb(52,74,226)
```
#343be2
```
#343be2 rgb(52,59,226)
```
#3b34e2
```
#3b34e2 rgb(59,52,226)
```
#4a34e2
```
#4a34e2 rgb(74,52,226)
```

Similar Colors

Text with hexadecimal color #344ae2

This text has a font color of #344ae2.

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

#344ae2 background color

This paragraph has a background color of #344ae2.

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

#344ae2 border color

This element has a border color of #344ae2.

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

CSS codes

.text {color:#344ae2;}

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

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

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 #f1f2fd is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#030514
```
#030514 rgb(3,5,20)
```
#050925
```
#050925 rgb(5,9,37)
```
#080e36
```
#080e36 rgb(8,14,54)
```
#0a1248
```
#0a1248 rgb(10,18,72)
```
#0d1659
```
#0d1659 rgb(13,22,89)
```
#0f1b6a
```
#0f1b6a rgb(15,27,106)
```
#121f7b
```
#121f7b rgb(18,31,123)
```
#14238c
```
#14238c rgb(20,35,140)
```
#16289d
```
#16289d rgb(22,40,157)
```
#192caf
```
#192caf rgb(25,44,175)
```
#1b30c0
```
#1b30c0 rgb(27,48,192)
```
#1e34d1
```
#1e34d1 rgb(30,52,209)
```

Shade Color Variation

#233be0
```
#233be0 rgb(35,59,224)
```
#344ae2
```
#344ae2 rgb(52,74,226)
```
#4559e4
```
#4559e4 rgb(69,89,228)
```
#5669e7
```
#5669e7 rgb(86,105,231)
```
#6778e9
```
#6778e9 rgb(103,120,233)
```
#7987ec
```
#7987ec rgb(121,135,236)
```
#8a97ee
```
#8a97ee rgb(138,151,238)
```
#9ba6f1
```
#9ba6f1 rgb(155,166,241)
```
#acb5f3
```
#acb5f3 rgb(172,181,243)
```
#bdc4f6
```
#bdc4f6 rgb(189,196,246)
```
#ced4f8
```
#ced4f8 rgb(206,212,248)
```
#e0e3fb
```
#e0e3fb rgb(224,227,251)
```
#f1f2fd
```
#f1f2fd rgb(241,242,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 #1936fd is the most saturated one.

#848692
```
#848692 rgb(132,134,146)
```
#7b7f9b
```
#7b7f9b rgb(123,127,155)
```
#7279a4
```
#7279a4 rgb(114,121,164)
```
#6a72ac
```
#6a72ac rgb(106,114,172)
```
#616bb5
```
#616bb5 rgb(97,107,181)
```
#5865be
```
#5865be rgb(88,101,190)
```
#4f5ec7
```
#4f5ec7 rgb(79,94,199)
```
#4657d0
```
#4657d0 rgb(70,87,208)
```
#3d51d9
```
#3d51d9 rgb(61,81,217)
```
#344ae2
```
#344ae2 rgb(52,74,226)
```
#2b43eb
```
#2b43eb rgb(43,67,235)
```
#223df4
```
#223df4 rgb(34,61,244)
```
#1936fd
```
#1936fd rgb(25,54,253)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4e5371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c1 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#125acd Protanomaly 1% of men, 0.01% of women
#125dbc Deuteranomaly 6% of men, 0.4% of women
#12629d Tritanomaly 0.01% of the population

#344ae2 hex color

#344ae2 Color Information

#344ae2 Color Conversion

Color Schemes with #344ae2

Alternatives to #344ae2

#344ae2 Preview

Shades and Tints of #344ae2

Tones of #344ae2

Color Blindness Simulator