#344cf5 hex color

In a RGB color space, hex #344cf5 is composed of 20.4% red, 29.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 69% magenta, 0% yellow and 3.9% black. It has a hue angle of 232.5 degrees, a saturation of 90.6% and a lightness of 58.2%. #344cf5 color hex could be obtained by blending #6898ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 20
- G 30
- B 96
RGB color chart
- C 79
- M 69
- Y 0
- K 4
CMYK color chart

● #344cf5 color description : Bright blue.

The hexadecimal color #344cf5 has RGB values of R:52, G:76, B:245 and CMYK values of C:0.79, M:0.69, Y:0, K:0.04. Its decimal value is 3427573.

Hex triplet	344cf5	`#344cf5`
RGB Decimal	52, 76, 245	`rgb(52,76,245)`
RGB Percent	20.4, 29.8, 96.1	`rgb(20.4%,29.8%,96.1%)`
CMYK	79, 69, 0, 4
HSL	232.5°, 90.6, 58.2	`hsl(232.5,90.6%,58.2%)`
HSV (or HSB)	232.5°, 78.8, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.985, 49.815, -86.12
XYZ	20.479, 12.49, 87.713
xyY	0.17, 0.103, 12.49
CIE-LCH	41.985, 99.49, 300.047
CIE-LUV	41.985, -13.051, -125.346
Hunter-Lab	35.341, 41.585, -122.411
Binary	00110100, 01001100, 11110101

#344cf5
```
#344cf5 rgb(52,76,245)
```
#f5dd34
```
#f5dd34 rgb(245,221,52)
```

Complementary Color

#34adf5
```
#34adf5 rgb(52,173,245)
```
#344cf5
```
#344cf5 rgb(52,76,245)
```
#7d34f5
```
#7d34f5 rgb(125,52,245)
```

Analogous Color

#adf534
```
#adf534 rgb(173,245,52)
```
#344cf5
```
#344cf5 rgb(52,76,245)
```
#f57d34
```
#f57d34 rgb(245,125,52)
```

Split Complementary Color

#4cf534
```
#4cf534 rgb(76,245,52)
```
#344cf5
```
#344cf5 rgb(52,76,245)
```
#f5344c
```
#f5344c rgb(245,52,76)
```

Triadic Color

#34f5dd
```
#34f5dd rgb(52,245,221)
```
#344cf5
```
#344cf5 rgb(52,76,245)
```
#f5344c
```
#f5344c rgb(245,52,76)
```
#f5dd34
```
#f5dd34 rgb(245,221,52)
```

Tetradic Color

#0a23d2
```
#0a23d2 rgb(10,35,210)
```
#0c27ea
```
#0c27ea rgb(12,39,234)
```
#1c37f4
```
#1c37f4 rgb(28,55,244)
```
#344cf5
```
#344cf5 rgb(52,76,245)
```
#4c61f6
```
#4c61f6 rgb(76,97,246)
```
#6577f7
```
#6577f7 rgb(101,119,247)
```
#7d8cf9
```
#7d8cf9 rgb(125,140,249)
```

Monochromatic Color

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

#347cf5
```
#347cf5 rgb(52,124,245)
```
#346cf5
```
#346cf5 rgb(52,108,245)
```
#345cf5
```
#345cf5 rgb(52,92,245)
```
#344cf5
```
#344cf5 rgb(52,76,245)
```
#343cf5
```
#343cf5 rgb(52,60,245)
```
#3c34f5
```
#3c34f5 rgb(60,52,245)
```
#4c34f5
```
#4c34f5 rgb(76,52,245)
```

Similar Colors

Text with hexadecimal color #344cf5

This text has a font color of #344cf5.

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

#344cf5 background color

This paragraph has a background color of #344cf5.

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

#344cf5 border color

This element has a border color of #344cf5.

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

CSS codes

.text {color:#344cf5;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#010415
```
#010415 rgb(1,4,21)
```
#020728
```
#020728 rgb(2,7,40)
```
#030a3b
```
#030a3b rgb(3,10,59)
```
#040d4d
```
#040d4d rgb(4,13,77)
```
#051060
```
#051060 rgb(5,16,96)
```
#061373
```
#061373 rgb(6,19,115)
```
#071686
```
#071686 rgb(7,22,134)
```
#071998
```
#071998 rgb(7,25,152)
```
#081dab
```
#081dab rgb(8,29,171)
```
#0920be
```
#0920be rgb(9,32,190)
```
#0a23d0
```
#0a23d0 rgb(10,35,208)
```
#0b26e3
```
#0b26e3 rgb(11,38,227)
```

Shade Color Variation

#0f2bf3
```
#0f2bf3 rgb(15,43,243)
```
#213cf4
```
#213cf4 rgb(33,60,244)
```
#344cf5
```
#344cf5 rgb(52,76,245)
```
#475cf6
```
#475cf6 rgb(71,92,246)
```
#596df7
```
#596df7 rgb(89,109,247)
```
#6c7df8
```
#6c7df8 rgb(108,125,248)
```
#7f8ef9
```
#7f8ef9 rgb(127,142,249)
```
#919efa
```
#919efa rgb(145,158,250)
```
#a4affb
```
#a4affb rgb(164,175,251)
```
#b7bffb
```
#b7bffb rgb(183,191,251)
```
#cad0fc
```
#cad0fc rgb(202,208,252)
```
#dce0fd
```
#dce0fd rgb(220,224,253)
```
#eff1fe
```
#eff1fe rgb(239,241,254)
```

Tint Color Variation

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

#8e909b
```
#8e909b rgb(142,144,155)
```
#868aa3
```
#868aa3 rgb(134,138,163)
```
#7e83ab
```
#7e83ab rgb(126,131,171)
```
#767db3
```
#767db3 rgb(118,125,179)
```
#6d77bc
```
#6d77bc rgb(109,119,188)
```
#6571c4
```
#6571c4 rgb(101,113,196)
```
#5d6bcc
```
#5d6bcc rgb(93,107,204)
```
#5565d4
```
#5565d4 rgb(85,101,212)
```
#4d5edc
```
#4d5edc rgb(77,94,220)
```
#4458e5
```
#4458e5 rgb(68,88,229)
```
#3c52ed
```
#3c52ed rgb(60,82,237)
```
#344cf5
```
#344cf5 rgb(52,76,245)
```
#2c46fd
```
#2c46fd rgb(44,70,253)
```

Tone Color Variation

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

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#125dda Protanomaly 1% of men, 0.01% of women
#1261c8 Deuteranomaly 6% of men, 0.4% of women
#1266a7 Tritanomaly 0.01% of the population

#344cf5 hex color

#344cf5 Color Information

#344cf5 Color Conversion

Color Schemes with #344cf5

Alternatives to #344cf5

#344cf5 Preview

Shades and Tints of #344cf5

Tones of #344cf5

Color Blindness Simulator