colorhexa.com

#344aea hex color

In a RGB color space, hex #344aea is composed of 20.4% red, 29% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 68.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 232.7 degrees, a saturation of 81.3% and a lightness of 56.1%. #344aea color hex could be obtained by blending #6894ff with #0000d5. Closest websafe color is: #3333ff.

- R 20
- G 29
- B 92
RGB color chart
- C 78
- M 68
- Y 0
- K 8
CMYK color chart

● #344aea color description : Bright blue.

The hexadecimal color #344aea has RGB values of R:52, G:74, B:234 and CMYK values of C:0.78, M:0.68, Y:0, K:0.08. Its decimal value is 3427050.

Hex triplet	344aea	`#344aea`
RGB Decimal	52, 74, 234	`rgb(52,74,234)`
RGB Percent	20.4, 29, 91.8	`rgb(20.4%,29%,91.8%)`
CMYK	78, 68, 0, 8
HSL	232.7°, 81.3, 56.1	`hsl(232.7,81.3%,56.1%)`
HSV (or HSB)	232.7°, 77.8, 91.8
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.519, 47.258, -82.332
XYZ	18.713, 11.567, 79.084
xyY	0.171, 0.106, 11.567
CIE-LCH	40.519, 94.931, 299.855
CIE-LUV	40.519, -12.404, -119.013
Hunter-Lab	34.01, 38.698, -114.06
Binary	00110100, 01001010, 11101010

#344aea
```
#344aea rgb(52,74,234)
```
#ead434
```
#ead434 rgb(234,212,52)
```

Complementary Color

#34a5ea
```
#34a5ea rgb(52,165,234)
```
#344aea
```
#344aea rgb(52,74,234)
```
#7934ea
```
#7934ea rgb(121,52,234)
```

Analogous Color

#a5ea34
```
#a5ea34 rgb(165,234,52)
```
#344aea
```
#344aea rgb(52,74,234)
```
#ea7934
```
#ea7934 rgb(234,121,52)
```

Split Complementary Color

#4aea34
```
#4aea34 rgb(74,234,52)
```
#344aea
```
#344aea rgb(52,74,234)
```
#ea344a
```
#ea344a rgb(234,52,74)
```

Triadic Color

#34ead4
```
#34ead4 rgb(52,234,212)
```
#344aea
```
#344aea rgb(52,74,234)
```
#ea344a
```
#ea344a rgb(234,52,74)
```
#ead434
```
#ead434 rgb(234,212,52)
```

Tetradic Color

#1428be
```
#1428be rgb(20,40,190)
```
#162dd5
```
#162dd5 rgb(22,45,213)
```
#1d35e8
```
#1d35e8 rgb(29,53,232)
```
#344aea
```
#344aea rgb(52,74,234)
```
#4b5fec
```
#4b5fec rgb(75,95,236)
```
#6273ef
```
#6273ef rgb(98,115,239)
```
#7988f1
```
#7988f1 rgb(121,136,241)
```

Monochromatic Color

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

#3478ea
```
#3478ea rgb(52,120,234)
```
#3468ea
```
#3468ea rgb(52,104,234)
```
#3459ea
```
#3459ea rgb(52,89,234)
```
#344aea
```
#344aea rgb(52,74,234)
```
#343bea
```
#343bea rgb(52,59,234)
```
#3c34ea
```
#3c34ea rgb(60,52,234)
```
#4c34ea
```
#4c34ea rgb(76,52,234)
```

Similar Colors

Text with hexadecimal color #344aea

This text has a font color of #344aea.

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

#344aea background color

This paragraph has a background color of #344aea.

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

#344aea border color

This element has a border color of #344aea.

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

CSS codes

.text {color:#344aea;}

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

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

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, #01020a is the darkest color, while #f8f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#03061c
```
#03061c rgb(3,6,28)
```
#050a2e
```
#050a2e rgb(5,10,46)
```
#070d40
```
#070d40 rgb(7,13,64)
```
#081151
```
#081151 rgb(8,17,81)
```
#0a1563
```
#0a1563 rgb(10,21,99)
```
#0c1975
```
#0c1975 rgb(12,25,117)
```
#0e1d87
```
#0e1d87 rgb(14,29,135)
```
#102099
```
#102099 rgb(16,32,153)
```
#1224aa
```
#1224aa rgb(18,36,170)
```
#1328bc
```
#1328bc rgb(19,40,188)
```
#152cce
```
#152cce rgb(21,44,206)
```
#172fe0
```
#172fe0 rgb(23,47,224)
```

Shade Color Variation

#223ae8
```
#223ae8 rgb(34,58,232)
```
#344aea
```
#344aea rgb(52,74,234)
```
#465aec
```
#465aec rgb(70,90,236)
```
#586aee
```
#586aee rgb(88,106,238)
```
#697af0
```
#697af0 rgb(105,122,240)
```
#7b89f1
```
#7b89f1 rgb(123,137,241)
```
#8d99f3
```
#8d99f3 rgb(141,153,243)
```
#9fa9f5
```
#9fa9f5 rgb(159,169,245)
```
#b0b9f7
```
#b0b9f7 rgb(176,185,247)
```
#c2c9f9
```
#c2c9f9 rgb(194,201,249)
```
#d4d9fb
```
#d4d9fb rgb(212,217,251)
```
#e6e8fc
```
#e6e8fc rgb(230,232,252)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#8a8b94
```
#8a8b94 rgb(138,139,148)
```
#82859c
```
#82859c rgb(130,133,156)
```
#797ea5
```
#797ea5 rgb(121,126,165)
```
#7078ae
```
#7078ae rgb(112,120,174)
```
#6871b6
```
#6871b6 rgb(104,113,182)
```
#5f6bbf
```
#5f6bbf rgb(95,107,191)
```
#5664c8
```
#5664c8 rgb(86,100,200)
```
#4e5ed0
```
#4e5ed0 rgb(78,94,208)
```
#4557d9
```
#4557d9 rgb(69,87,217)
```
#3d51e1
```
#3d51e1 rgb(61,81,225)
```
#344aea
```
#344aea rgb(52,74,234)
```
#2b43f3
```
#2b43f3 rgb(43,67,243)
```
#233dfb
```
#233dfb rgb(35,61,251)
```

Tone Color Variation

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

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#125bd2 Protanomaly 1% of men, 0.01% of women
#125ec1 Deuteranomaly 6% of men, 0.4% of women
#1263a1 Tritanomaly 0.01% of the population