#344afd hex color

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

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

● #344afd color description : Bright blue.

The hexadecimal color #344afd has RGB values of R:52, G:74, B:253 and CMYK values of C:0.79, M:0.71, Y:0, K:0.01. Its decimal value is 3427069.

Hex triplet	344afd	`#344afd`
RGB Decimal	52, 74, 253	`rgb(52,74,253)`
RGB Percent	20.4, 29, 99.2	`rgb(20.4%,29%,99.2%)`
CMYK	79, 71, 0, 1
HSL	233.4°, 98, 59.8	`hsl(233.4,98%,59.8%)`
HSV (or HSB)	233.4°, 79.4, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.335, 53.636, -90.022
XYZ	21.591, 12.718, 94.24
xyY	0.168, 0.099, 12.718
CIE-LCH	42.335, 104.789, 300.787
CIE-LUV	42.335, -12.876, -130.511
Hunter-Lab	35.662, 45.66, -131.714
Binary	00110100, 01001010, 11111101

#344afd
```
#344afd rgb(52,74,253)
```
#fde734
```
#fde734 rgb(253,231,52)
```

Complementary Color

#34affd
```
#34affd rgb(52,175,253)
```
#344afd
```
#344afd rgb(52,74,253)
```
#8334fd
```
#8334fd rgb(131,52,253)
```

Analogous Color

#affd34
```
#affd34 rgb(175,253,52)
```
#344afd
```
#344afd rgb(52,74,253)
```
#fd8334
```
#fd8334 rgb(253,131,52)
```

Split Complementary Color

#4afd34
```
#4afd34 rgb(74,253,52)
```
#344afd
```
#344afd rgb(52,74,253)
```
#fd344a
```
#fd344a rgb(253,52,74)
```

Triadic Color

#34fde7
```
#34fde7 rgb(52,253,231)
```
#344afd
```
#344afd rgb(52,74,253)
```
#fd344a
```
#fd344a rgb(253,52,74)
```
#fde734
```
#fde734 rgb(253,231,52)
```

Tetradic Color

#021be2
```
#021be2 rgb(2,27,226)
```
#021efc
```
#021efc rgb(2,30,252)
```
#1b33fd
```
#1b33fd rgb(27,51,253)
```
#344afd
```
#344afd rgb(52,74,253)
```
#4d61fd
```
#4d61fd rgb(77,97,253)
```
#6777fd
```
#6777fd rgb(103,119,253)
```
#808efe
```
#808efe rgb(128,142,254)
```

Monochromatic Color

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

#347cfd
```
#347cfd rgb(52,124,253)
```
#346cfd
```
#346cfd rgb(52,108,253)
```
#345bfd
```
#345bfd rgb(52,91,253)
```
#344afd
```
#344afd rgb(52,74,253)
```
#3439fd
```
#3439fd rgb(52,57,253)
```
#4034fd
```
#4034fd rgb(64,52,253)
```
#5034fd
```
#5034fd rgb(80,52,253)
```

Similar Colors

Text with hexadecimal color #344afd

This text has a font color of #344afd.

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

#344afd background color

This paragraph has a background color of #344afd.

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

#344afd border color

This element has a border color of #344afd.

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

CSS codes

.text {color:#344afd;}

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

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

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)
```
#010a58
```
#010a58 rgb(1,10,88)
```
#010d6c
```
#010d6c rgb(1,13,108)
```
#010f7f
```
#010f7f rgb(1,15,127)
```
#011193
```
#011193 rgb(1,17,147)
```
#0214a6
```
#0214a6 rgb(2,20,166)
```
#0216b9
```
#0216b9 rgb(2,22,185)
```
#0218cd
```
#0218cd rgb(2,24,205)
```
#021be0
```
#021be0 rgb(2,27,224)
```
#021df4
```
#021df4 rgb(2,29,244)
```

Shade Color Variation

#0d27fd
```
#0d27fd rgb(13,39,253)
```
#2139fd
```
#2139fd rgb(33,57,253)
```
#344afd
```
#344afd rgb(52,74,253)
```
#475bfd
```
#475bfd rgb(71,91,253)
```
#5b6dfd
```
#5b6dfd rgb(91,109,253)
```
#6e7efe
```
#6e7efe rgb(110,126,254)
```
#828ffe
```
#828ffe rgb(130,143,254)
```
#95a1fe
```
#95a1fe rgb(149,161,254)
```
#a9b2fe
```
#a9b2fe rgb(169,178,254)
```
#bcc3fe
```
#bcc3fe rgb(188,195,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 #344afd is the most saturated one.

#93949e
```
#93949e rgb(147,148,158)
```
#8b8ea6
```
#8b8ea6 rgb(139,142,166)
```
#8388ae
```
#8388ae rgb(131,136,174)
```
#7b81b6
```
#7b81b6 rgb(123,129,182)
```
#737bbe
```
#737bbe rgb(115,123,190)
```
#6b75c6
```
#6b75c6 rgb(107,117,198)
```
#636fce
```
#636fce rgb(99,111,206)
```
#5b69d6
```
#5b69d6 rgb(91,105,214)
```
#5463dd
```
#5463dd rgb(84,99,221)
```
#4c5ce5
```
#4c5ce5 rgb(76,92,229)
```
#4456ed
```
#4456ed rgb(68,86,237)
```
#3c50f5
```
#3c50f5 rgb(60,80,245)
```
#344afd
```
#344afd rgb(52,74,253)
```

Tone Color Variation

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

#0068cc Protanopia 1% of men
#006fb0 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#125ddd Protanomaly 1% of men, 0.01% of women
#1261cc Deuteranomaly 6% of men, 0.4% of women
#1266ab Tritanomaly 0.01% of the population

#344afd hex color

#344afd Color Information

#344afd Color Conversion

Color Schemes with #344afd

Alternatives to #344afd

#344afd Preview

Shades and Tints of #344afd

Tones of #344afd

Color Blindness Simulator