colorhexa.com

#344bf1 hex color

In a RGB color space, hex #344bf1 is composed of 20.4% red, 29.4% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 68.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 232.7 degrees, a saturation of 87.1% and a lightness of 57.5%. #344bf1 color hex could be obtained by blending #6896ff with #0000e3. Closest websafe color is: #3333ff.

- R 20
- G 29
- B 95
RGB color chart
- C 78
- M 69
- Y 0
- K 5
CMYK color chart

● #344bf1 color description : Bright blue.

The hexadecimal color #344bf1 has RGB values of R:52, G:75, B:241 and CMYK values of C:0.78, M:0.69, Y:0, K:0.05. Its decimal value is 3427313.

Hex triplet	344bf1	`#344bf1`
RGB Decimal	52, 75, 241	`rgb(52,75,241)`
RGB Percent	20.4, 29.4, 94.5	`rgb(20.4%,29.4%,94.5%)`
CMYK	78, 69, 0, 5
HSL	232.7°, 87.1, 57.5	`hsl(232.7,87.1%,57.5%)`
HSV (or HSB)	232.7°, 78.4, 94.5
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.393, 49.047, -84.845
XYZ	19.806, 12.112, 84.508
xyY	0.17, 0.104, 12.112
CIE-LCH	41.393, 98.002, 300.031
CIE-LUV	41.393, -12.765, -123.102
Hunter-Lab	34.802, 40.683, -119.61
Binary	00110100, 01001011, 11110001

#344bf1
```
#344bf1 rgb(52,75,241)
```
#f1da34
```
#f1da34 rgb(241,218,52)
```

Complementary Color

#34aaf1
```
#34aaf1 rgb(52,170,241)
```
#344bf1
```
#344bf1 rgb(52,75,241)
```
#7c34f1
```
#7c34f1 rgb(124,52,241)
```

Analogous Color

#aaf134
```
#aaf134 rgb(170,241,52)
```
#344bf1
```
#344bf1 rgb(52,75,241)
```
#f17c34
```
#f17c34 rgb(241,124,52)
```

Split Complementary Color

#4bf134
```
#4bf134 rgb(75,241,52)
```
#344bf1
```
#344bf1 rgb(52,75,241)
```
#f1344b
```
#f1344b rgb(241,52,75)
```

Triadic Color

#34f1da
```
#34f1da rgb(52,241,218)
```
#344bf1
```
#344bf1 rgb(52,75,241)
```
#f1344b
```
#f1344b rgb(241,52,75)
```
#f1da34
```
#f1da34 rgb(241,218,52)
```

Tetradic Color

#0e25cb
```
#0e25cb rgb(14,37,203)
```
#1029e2
```
#1029e2 rgb(16,41,226)
```
#1c36ef
```
#1c36ef rgb(28,54,239)
```
#344bf1
```
#344bf1 rgb(52,75,241)
```
#4c60f3
```
#4c60f3 rgb(76,96,243)
```
#6475f4
```
#6475f4 rgb(100,117,244)
```
#7c8af6
```
#7c8af6 rgb(124,138,246)
```

Monochromatic Color

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

#347af1
```
#347af1 rgb(52,122,241)
```
#346bf1
```
#346bf1 rgb(52,107,241)
```
#345bf1
```
#345bf1 rgb(52,91,241)
```
#344bf1
```
#344bf1 rgb(52,75,241)
```
#343bf1
```
#343bf1 rgb(52,59,241)
```
#3d34f1
```
#3d34f1 rgb(61,52,241)
```
#4c34f1
```
#4c34f1 rgb(76,52,241)
```

Similar Colors

Text with hexadecimal color #344bf1

This text has a font color of #344bf1.

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

#344bf1 background color

This paragraph has a background color of #344bf1.

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

#344bf1 border color

This element has a border color of #344bf1.

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

CSS codes

.text {color:#344bf1;}

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

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

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

#010311
```
#010311 rgb(1,3,17)
```
#020624
```
#020624 rgb(2,6,36)
```
#040a36
```
#040a36 rgb(4,10,54)
```
#050d48
```
#050d48 rgb(5,13,72)
```
#06115b
```
#06115b rgb(6,17,91)
```
#08146d
```
#08146d rgb(8,20,109)
```
#09177f
```
#09177f rgb(9,23,127)
```
#0a1b92
```
#0a1b92 rgb(10,27,146)
```
#0b1ea4
```
#0b1ea4 rgb(11,30,164)
```
#0d21b6
```
#0d21b6 rgb(13,33,182)
```
#0e25c9
```
#0e25c9 rgb(14,37,201)
```
#0f28db
```
#0f28db rgb(15,40,219)
```
#102bed
```
#102bed rgb(16,43,237)
```

Shade Color Variation

#223bf0
```
#223bf0 rgb(34,59,240)
```
#344bf1
```
#344bf1 rgb(52,75,241)
```
#465bf2
```
#465bf2 rgb(70,91,242)
```
#596cf4
```
#596cf4 rgb(89,108,244)
```
#6b7cf5
```
#6b7cf5 rgb(107,124,245)
```
#7d8cf6
```
#7d8cf6 rgb(125,140,246)
```
#909cf7
```
#909cf7 rgb(144,156,247)
```
#a2adf9
```
#a2adf9 rgb(162,173,249)
```
#b4bdfa
```
#b4bdfa rgb(180,189,250)
```
#c7cdfb
```
#c7cdfb rgb(199,205,251)
```
#d9ddfc
```
#d9ddfc rgb(217,221,252)
```
#ebeefe
```
#ebeefe rgb(235,238,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#909095
```
#909095 rgb(144,144,149)
```
#878a9e
```
#878a9e rgb(135,138,158)
```
#7f84a6
```
#7f84a6 rgb(127,132,166)
```
#777eae
```
#777eae rgb(119,126,174)
```
#6e77b7
```
#6e77b7 rgb(110,119,183)
```
#6671bf
```
#6671bf rgb(102,113,191)
```
#5e6bc7
```
#5e6bc7 rgb(94,107,199)
```
#5564d0
```
#5564d0 rgb(85,100,208)
```
#4d5ed8
```
#4d5ed8 rgb(77,94,216)
```
#4558e0
```
#4558e0 rgb(69,88,224)
```
#3c51e9
```
#3c51e9 rgb(60,81,233)
```
#344bf1
```
#344bf1 rgb(52,75,241)
```
#2c45f9
```
#2c45f9 rgb(44,69,249)
```

Tone Color Variation

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

Dichromacy

#0066c8 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#125cd6 Protanomaly 1% of men, 0.01% of women
#1260c6 Deuteranomaly 6% of men, 0.4% of women
#1265a5 Tritanomaly 0.01% of the population