#344bfd hex color

In a RGB color space, hex #344bfd is composed of 20.4% red, 29.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 70.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 233.1 degrees, a saturation of 98% and a lightness of 59.8%. #344bfd color hex could be obtained by blending #6896ff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 29
- B 99
RGB color chart
- C 79
- M 70
- Y 0
- K 1
CMYK color chart

● #344bfd color description : Bright blue.

The hexadecimal color #344bfd has RGB values of R:52, G:75, B:253 and CMYK values of C:0.79, M:0.7, Y:0, K:0.01. Its decimal value is 3427325.

Hex triplet	344bfd	`#344bfd`
RGB Decimal	52, 75, 253	`rgb(52,75,253)`
RGB Percent	20.4, 29.4, 99.2	`rgb(20.4%,29.4%,99.2%)`
CMYK	79, 70, 0, 1
HSL	233.1°, 98, 59.8	`hsl(233.1,98%,59.8%)`
HSV (or HSB)	233.1°, 79.4, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.54, 53.069, -89.683
XYZ	21.658, 12.853, 94.262
xyY	0.168, 0.1, 12.853
CIE-LCH	42.54, 104.208, 300.614
CIE-LUV	42.54, -13.057, -130.349
Hunter-Lab	35.85, 45.099, -130.797
Binary	00110100, 01001011, 11111101

#344bfd
```
#344bfd rgb(52,75,253)
```
#fde634
```
#fde634 rgb(253,230,52)
```

Complementary Color

#34b0fd
```
#34b0fd rgb(52,176,253)
```
#344bfd
```
#344bfd rgb(52,75,253)
```
#8234fd
```
#8234fd rgb(130,52,253)
```

Analogous Color

#b0fd34
```
#b0fd34 rgb(176,253,52)
```
#344bfd
```
#344bfd rgb(52,75,253)
```
#fd8234
```
#fd8234 rgb(253,130,52)
```

Split Complementary Color

#4bfd34
```
#4bfd34 rgb(75,253,52)
```
#344bfd
```
#344bfd rgb(52,75,253)
```
#fd344b
```
#fd344b rgb(253,52,75)
```

Triadic Color

#34fde6
```
#34fde6 rgb(52,253,230)
```
#344bfd
```
#344bfd rgb(52,75,253)
```
#fd344b
```
#fd344b rgb(253,52,75)
```
#fde634
```
#fde634 rgb(253,230,52)
```

Tetradic Color

#021ce2
```
#021ce2 rgb(2,28,226)
```
#021ffc
```
#021ffc rgb(2,31,252)
```
#1b35fd
```
#1b35fd rgb(27,53,253)
```
#344bfd
```
#344bfd rgb(52,75,253)
```
#4d61fd
```
#4d61fd rgb(77,97,253)
```
#6778fd
```
#6778fd rgb(103,120,253)
```
#808efe
```
#808efe rgb(128,142,254)
```

Monochromatic Color

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

#347dfd
```
#347dfd rgb(52,125,253)
```
#346dfd
```
#346dfd rgb(52,109,253)
```
#345cfd
```
#345cfd rgb(52,92,253)
```
#344bfd
```
#344bfd rgb(52,75,253)
```
#343afd
```
#343afd rgb(52,58,253)
```
#3f34fd
```
#3f34fd rgb(63,52,253)
```
#4f34fd
```
#4f34fd rgb(79,52,253)
```

Similar Colors

Text with hexadecimal color #344bfd

This text has a font color of #344bfd.

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

#344bfd background color

This paragraph has a background color of #344bfd.

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

#344bfd border color

This element has a border color of #344bfd.

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

CSS codes

.text {color:#344bfd;}

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

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

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, #00010b is the darkest color, while #f6f7ff is the lightest one.

#00010b
```
#00010b rgb(0,1,11)
```
#00041e
```
#00041e rgb(0,4,30)
```
#000632
```
#000632 rgb(0,6,50)
```
#010845
```
#010845 rgb(1,8,69)
```
#010b58
```
#010b58 rgb(1,11,88)
```
#010d6c
```
#010d6c rgb(1,13,108)
```
#01107f
```
#01107f rgb(1,16,127)
```
#011293
```
#011293 rgb(1,18,147)
```
#0214a6
```
#0214a6 rgb(2,20,166)
```
#0217b9
```
#0217b9 rgb(2,23,185)
```
#0219cd
```
#0219cd rgb(2,25,205)
```
#021ce0
```
#021ce0 rgb(2,28,224)
```
#021ef4
```
#021ef4 rgb(2,30,244)
```

Shade Color Variation

#0d29fd
```
#0d29fd rgb(13,41,253)
```
#213afd
```
#213afd rgb(33,58,253)
```
#344bfd
```
#344bfd rgb(52,75,253)
```
#475cfd
```
#475cfd rgb(71,92,253)
```
#5b6dfd
```
#5b6dfd rgb(91,109,253)
```
#6e7ffe
```
#6e7ffe rgb(110,127,254)
```
#8290fe
```
#8290fe rgb(130,144,254)
```
#95a1fe
```
#95a1fe rgb(149,161,254)
```
#a9b2fe
```
#a9b2fe rgb(169,178,254)
```
#bcc4fe
```
#bcc4fe rgb(188,196,254)
```
#cfd5ff
```
#cfd5ff rgb(207,213,255)
```
#e3e6ff
```
#e3e6ff rgb(227,230,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93949e is the less saturated color, while #344bfd is the most saturated one.

#93949e
```
#93949e rgb(147,148,158)
```
#8b8ea6
```
#8b8ea6 rgb(139,142,166)
```
#8388ae
```
#8388ae rgb(131,136,174)
```
#7b82b6
```
#7b82b6 rgb(123,130,182)
```
#737cbe
```
#737cbe rgb(115,124,190)
```
#6b76c6
```
#6b76c6 rgb(107,118,198)
```
#636fce
```
#636fce rgb(99,111,206)
```
#5b69d6
```
#5b69d6 rgb(91,105,214)
```
#5463dd
```
#5463dd rgb(84,99,221)
```
#4c5de5
```
#4c5de5 rgb(76,93,229)
```
#4457ed
```
#4457ed rgb(68,87,237)
```
#3c51f5
```
#3c51f5 rgb(60,81,245)
```
#344bfd
```
#344bfd rgb(52,75,253)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#515579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cc Protanopia 1% of men
#006fb1 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#125ede Protanomaly 1% of men, 0.01% of women
#1262cd Deuteranomaly 6% of men, 0.4% of women
#1267ab Tritanomaly 0.01% of the population

#344bfd hex color

#344bfd Color Information

#344bfd Color Conversion

Color Schemes with #344bfd

Alternatives to #344bfd

#344bfd Preview

Shades and Tints of #344bfd

Tones of #344bfd

Color Blindness Simulator