colorhexa.com

#344fea hex color

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

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

● #344fea color description : Bright blue.

The hexadecimal color #344fea has RGB values of R:52, G:79, B:234 and CMYK values of C:0.78, M:0.66, Y:0, K:0.08. Its decimal value is 3428330.

Hex triplet	344fea	`#344fea`
RGB Decimal	52, 79, 234	`rgb(52,79,234)`
RGB Percent	20.4, 31, 91.8	`rgb(20.4%,31%,91.8%)`
CMYK	78, 66, 0, 8
HSL	231.1°, 81.3, 56.1	`hsl(231.1,81.3%,56.1%)`
HSV (or HSB)	231.1°, 77.8, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.628, 44.265, -80.508
XYZ	19.06, 12.261, 79.2
xyY	0.172, 0.111, 12.261
CIE-LCH	41.628, 91.874, 298.803
CIE-LUV	41.628, -13.416, -117.903
Hunter-Lab	35.016, 35.885, -109.591
Binary	00110100, 01001111, 11101010

#344fea
```
#344fea rgb(52,79,234)
```
#eacf34
```
#eacf34 rgb(234,207,52)
```

Complementary Color

#34aaea
```
#34aaea rgb(52,170,234)
```
#344fea
```
#344fea rgb(52,79,234)
```
#7434ea
```
#7434ea rgb(116,52,234)
```

Analogous Color

#aaea34
```
#aaea34 rgb(170,234,52)
```
#344fea
```
#344fea rgb(52,79,234)
```
#ea7434
```
#ea7434 rgb(234,116,52)
```

Split Complementary Color

#4fea34
```
#4fea34 rgb(79,234,52)
```
#344fea
```
#344fea rgb(52,79,234)
```
#ea344f
```
#ea344f rgb(234,52,79)
```

Triadic Color

#34eacf
```
#34eacf rgb(52,234,207)
```
#344fea
```
#344fea rgb(52,79,234)
```
#ea344f
```
#ea344f rgb(234,52,79)
```
#eacf34
```
#eacf34 rgb(234,207,52)
```

Tetradic Color

#142dbe
```
#142dbe rgb(20,45,190)
```
#1632d5
```
#1632d5 rgb(22,50,213)
```
#1d3be8
```
#1d3be8 rgb(29,59,232)
```
#344fea
```
#344fea rgb(52,79,234)
```
#4b63ec
```
#4b63ec rgb(75,99,236)
```
#6277ef
```
#6277ef rgb(98,119,239)
```
#798bf1
```
#798bf1 rgb(121,139,241)
```

Monochromatic Color

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

#347dea
```
#347dea rgb(52,125,234)
```
#346dea
```
#346dea rgb(52,109,234)
```
#345eea
```
#345eea rgb(52,94,234)
```
#344fea
```
#344fea rgb(52,79,234)
```
#3440ea
```
#3440ea rgb(52,64,234)
```
#3734ea
```
#3734ea rgb(55,52,234)
```
#4634ea
```
#4634ea rgb(70,52,234)
```

Similar Colors

Text with hexadecimal color #344fea

This text has a font color of #344fea.

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

#344fea background color

This paragraph has a background color of #344fea.

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

#344fea border color

This element has a border color of #344fea.

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

CSS codes

.text {color:#344fea;}

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

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

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

#01020a
```
#01020a rgb(1,2,10)
```
#03071c
```
#03071c rgb(3,7,28)
```
#050b2e
```
#050b2e rgb(5,11,46)
```
#070f40
```
#070f40 rgb(7,15,64)
```
#081351
```
#081351 rgb(8,19,81)
```
#0a1763
```
#0a1763 rgb(10,23,99)
```
#0c1c75
```
#0c1c75 rgb(12,28,117)
```
#0e2087
```
#0e2087 rgb(14,32,135)
```
#102499
```
#102499 rgb(16,36,153)
```
#1228aa
```
#1228aa rgb(18,40,170)
```
#132cbc
```
#132cbc rgb(19,44,188)
```
#1531ce
```
#1531ce rgb(21,49,206)
```
#1735e0
```
#1735e0 rgb(23,53,224)
```

Shade Color Variation

#2240e8
```
#2240e8 rgb(34,64,232)
```
#344fea
```
#344fea rgb(52,79,234)
```
#465eec
```
#465eec rgb(70,94,236)
```
#586eee
```
#586eee rgb(88,110,238)
```
#697df0
```
#697df0 rgb(105,125,240)
```
#7b8df1
```
#7b8df1 rgb(123,141,241)
```
#8d9cf3
```
#8d9cf3 rgb(141,156,243)
```
#9fabf5
```
#9fabf5 rgb(159,171,245)
```
#b0bbf7
```
#b0bbf7 rgb(176,187,247)
```
#c2caf9
```
#c2caf9 rgb(194,202,249)
```
#d4dafb
```
#d4dafb rgb(212,218,251)
```
#e6e9fc
```
#e6e9fc rgb(230,233,252)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#8a8c94
```
#8a8c94 rgb(138,140,148)
```
#82869c
```
#82869c rgb(130,134,156)
```
#797fa5
```
#797fa5 rgb(121,127,165)
```
#7079ae
```
#7079ae rgb(112,121,174)
```
#6873b6
```
#6873b6 rgb(104,115,182)
```
#5f6dbf
```
#5f6dbf rgb(95,109,191)
```
#5667c8
```
#5667c8 rgb(86,103,200)
```
#4e61d0
```
#4e61d0 rgb(78,97,208)
```
#455bd9
```
#455bd9 rgb(69,91,217)
```
#3d55e1
```
#3d55e1 rgb(61,85,225)
```
#344fea
```
#344fea rgb(52,79,234)
```
#2b49f3
```
#2b49f3 rgb(43,73,243)
```
#2343fb
```
#2343fb rgb(35,67,251)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#525776 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00747b Tritanopia 0.001% of the population

Trichromacy

#125ed5 Protanomaly 1% of men, 0.01% of women
#1262c4 Deuteranomaly 6% of men, 0.4% of women
#1267a3 Tritanomaly 0.01% of the population