#344ae6 hex color

In a RGB color space, hex #344ae6 is composed of 20.4% red, 29% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 67.8% magenta, 0% yellow and 9.8% black. It has a hue angle of 232.6 degrees, a saturation of 78.1% and a lightness of 55.3%. #344ae6 color hex could be obtained by blending #6894ff with #0000cd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 29
- B 90
RGB color chart
- C 77
- M 68
- Y 0
- K 10
CMYK color chart

● #344ae6 color description : Bright blue.

The hexadecimal color #344ae6 has RGB values of R:52, G:74, B:230 and CMYK values of C:0.77, M:0.68, Y:0, K:0.1. Its decimal value is 3427046.

Hex triplet	344ae6	`#344ae6`
RGB Decimal	52, 74, 230	`rgb(52,74,230)`
RGB Percent	20.4, 29, 90.2	`rgb(20.4%,29%,90.2%)`
CMYK	77, 68, 0, 10
HSL	232.6°, 78.1, 55.3	`hsl(232.6,78.1%,55.3%)`
HSV (or HSB)	232.6°, 77.4, 90.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.147, 45.889, -80.678
XYZ	18.145, 11.34, 76.091
xyY	0.172, 0.107, 11.34
CIE-LCH	40.147, 92.816, 299.631
CIE-LUV	40.147, -12.308, -116.547
Hunter-Lab	33.674, 37.253, -110.401
Binary	00110100, 01001010, 11100110

#344ae6
```
#344ae6 rgb(52,74,230)
```
#e6d034
```
#e6d034 rgb(230,208,52)
```

Complementary Color

#34a3e6
```
#34a3e6 rgb(52,163,230)
```
#344ae6
```
#344ae6 rgb(52,74,230)
```
#7734e6
```
#7734e6 rgb(119,52,230)
```

Analogous Color

#a3e634
```
#a3e634 rgb(163,230,52)
```
#344ae6
```
#344ae6 rgb(52,74,230)
```
#e67734
```
#e67734 rgb(230,119,52)
```

Split Complementary Color

#4ae634
```
#4ae634 rgb(74,230,52)
```
#344ae6
```
#344ae6 rgb(52,74,230)
```
#e6344a
```
#e6344a rgb(230,52,74)
```

Triadic Color

#34e6d0
```
#34e6d0 rgb(52,230,208)
```
#344ae6
```
#344ae6 rgb(52,74,230)
```
#e6344a
```
#e6344a rgb(230,52,74)
```
#e6d034
```
#e6d034 rgb(230,208,52)
```

Tetradic Color

#172ab7
```
#172ab7 rgb(23,42,183)
```
#1930ce
```
#1930ce rgb(25,48,206)
```
#1d36e3
```
#1d36e3 rgb(29,54,227)
```
#344ae6
```
#344ae6 rgb(52,74,230)
```
#4b5ee9
```
#4b5ee9 rgb(75,94,233)
```
#6172ec
```
#6172ec rgb(97,114,236)
```
#7887ee
```
#7887ee rgb(120,135,238)
```

Monochromatic Color

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

#3477e6
```
#3477e6 rgb(52,119,230)
```
#3468e6
```
#3468e6 rgb(52,104,230)
```
#3459e6
```
#3459e6 rgb(52,89,230)
```
#344ae6
```
#344ae6 rgb(52,74,230)
```
#343be6
```
#343be6 rgb(52,59,230)
```
#3c34e6
```
#3c34e6 rgb(60,52,230)
```
#4b34e6
```
#4b34e6 rgb(75,52,230)
```

Similar Colors

Text with hexadecimal color #344ae6

This text has a font color of #344ae6.

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

#344ae6 background color

This paragraph has a background color of #344ae6.

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

#344ae6 border color

This element has a border color of #344ae6.

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

CSS codes

.text {color:#344ae6;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030618
```
#030618 rgb(3,6,24)
```
#050a2a
```
#050a2a rgb(5,10,42)
```
#070e3b
```
#070e3b rgb(7,14,59)
```
#09124c
```
#09124c rgb(9,18,76)
```
#0c165e
```
#0c165e rgb(12,22,94)
```
#0e1a6f
```
#0e1a6f rgb(14,26,111)
```
#101e81
```
#101e81 rgb(16,30,129)
```
#122292
```
#122292 rgb(18,34,146)
```
#1426a4
```
#1426a4 rgb(20,38,164)
```
#162ab5
```
#162ab5 rgb(22,42,181)
```
#182ec7
```
#182ec7 rgb(24,46,199)
```
#1b32d8
```
#1b32d8 rgb(27,50,216)
```

Shade Color Variation

#233ae4
```
#233ae4 rgb(35,58,228)
```
#344ae6
```
#344ae6 rgb(52,74,230)
```
#455ae8
```
#455ae8 rgb(69,90,232)
```
#5769ea
```
#5769ea rgb(87,105,234)
```
#6879ec
```
#6879ec rgb(104,121,236)
```
#7a88ef
```
#7a88ef rgb(122,136,239)
```
#8b98f1
```
#8b98f1 rgb(139,152,241)
```
#9da7f3
```
#9da7f3 rgb(157,167,243)
```
#aeb7f5
```
#aeb7f5 rgb(174,183,245)
```
#c0c7f7
```
#c0c7f7 rgb(192,199,247)
```
#d1d6f9
```
#d1d6f9 rgb(209,214,249)
```
#e3e6fc
```
#e3e6fc rgb(227,230,252)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c8e is the less saturated color, while #223df8 is the most saturated one.

#8c8c8e
```
#8c8c8e rgb(140,140,142)
```
#838597
```
#838597 rgb(131,133,151)
```
#7a7fa0
```
#7a7fa0 rgb(122,127,160)
```
#7178a9
```
#7178a9 rgb(113,120,169)
```
#6972b1
```
#6972b1 rgb(105,114,177)
```
#606bba
```
#606bba rgb(96,107,186)
```
#5764c3
```
#5764c3 rgb(87,100,195)
```
#4e5ecc
```
#4e5ecc rgb(78,94,204)
```
#4657d4
```
#4657d4 rgb(70,87,212)
```
#3d51dd
```
#3d51dd rgb(61,81,221)
```
#344ae6
```
#344ae6 rgb(52,74,230)
```
#2b43ef
```
#2b43ef rgb(43,67,239)
```
#223df8
```
#223df8 rgb(34,61,248)
```

Tone Color Variation

Below, you can see how #344ae6 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
#4e5372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c2 Protanopia 1% of men
#0069a9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#125acf Protanomaly 1% of men, 0.01% of women
#125ebf Deuteranomaly 6% of men, 0.4% of women
#12629f Tritanomaly 0.01% of the population

#344ae6 hex color

#344ae6 Color Information

#344ae6 Color Conversion

Color Schemes with #344ae6

Alternatives to #344ae6

#344ae6 Preview

Shades and Tints of #344ae6

Tones of #344ae6

Color Blindness Simulator