#344ad0 hex color

In a RGB color space, hex #344ad0 is composed of 20.4% red, 29% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 64.4% magenta, 0% yellow and 18.4% black. It has a hue angle of 231.5 degrees, a saturation of 62.4% and a lightness of 51%. #344ad0 color hex could be obtained by blending #6894ff with #0000a1. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 29
- B 82
RGB color chart
- C 75
- M 64
- Y 0
- K 18
CMYK color chart

● #344ad0 color description : Strong blue.

The hexadecimal color #344ad0 has RGB values of R:52, G:74, B:208 and CMYK values of C:0.75, M:0.64, Y:0, K:0.18. Its decimal value is 3427024.

Hex triplet	344ad0	`#344ad0`
RGB Decimal	52, 74, 208	`rgb(52,74,208)`
RGB Percent	20.4, 29, 81.6	`rgb(20.4%,29%,81.6%)`
CMYK	75, 64, 0, 18
HSL	231.5°, 62.4, 51	`hsl(231.5,62.4%,51%)`
HSV (or HSB)	231.5°, 75, 81.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.165, 38.212, -71.336
XYZ	15.248, 10.181, 60.833
xyY	0.177, 0.118, 10.181
CIE-LCH	38.165, 80.926, 298.176
CIE-LUV	38.165, -11.811, -102.646
Hunter-Lab	31.907, 29.464, -90.704
Binary	00110100, 01001010, 11010000

#344ad0
```
#344ad0 rgb(52,74,208)
```
#d0ba34
```
#d0ba34 rgb(208,186,52)
```

Complementary Color

#3498d0
```
#3498d0 rgb(52,152,208)
```
#344ad0
```
#344ad0 rgb(52,74,208)
```
#6c34d0
```
#6c34d0 rgb(108,52,208)
```

Analogous Color

#98d034
```
#98d034 rgb(152,208,52)
```
#344ad0
```
#344ad0 rgb(52,74,208)
```
#d06c34
```
#d06c34 rgb(208,108,52)
```

Split Complementary Color

#4ad034
```
#4ad034 rgb(74,208,52)
```
#344ad0
```
#344ad0 rgb(52,74,208)
```
#d0344a
```
#d0344a rgb(208,52,74)
```

Triadic Color

#34d0ba
```
#34d0ba rgb(52,208,186)
```
#344ad0
```
#344ad0 rgb(52,74,208)
```
#d0344a
```
#d0344a rgb(208,52,74)
```
#d0ba34
```
#d0ba34 rgb(208,186,52)
```

Tetradic Color

#223395
```
#223395 rgb(34,51,149)
```
#273aaa
```
#273aaa rgb(39,58,170)
```
#2c41be
```
#2c41be rgb(44,65,190)
```
#344ad0
```
#344ad0 rgb(52,74,208)
```
#495cd5
```
#495cd5 rgb(73,92,213)
```
#5d6fda
```
#5d6fda rgb(93,111,218)
```
#7281de
```
#7281de rgb(114,129,222)
```

Monochromatic Color

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

#3471d0
```
#3471d0 rgb(52,113,208)
```
#3464d0
```
#3464d0 rgb(52,100,208)
```
#3457d0
```
#3457d0 rgb(52,87,208)
```
#344ad0
```
#344ad0 rgb(52,74,208)
```
#343dd0
```
#343dd0 rgb(52,61,208)
```
#3834d0
```
#3834d0 rgb(56,52,208)
```
#4534d0
```
#4534d0 rgb(69,52,208)
```

Similar Colors

Text with hexadecimal color #344ad0

This text has a font color of #344ad0.

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

#344ad0 background color

This paragraph has a background color of #344ad0.

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

#344ad0 border color

This element has a border color of #344ad0.

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

CSS codes

.text {color:#344ad0;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050714
```
#050714 rgb(5,7,20)
```
#080c24
```
#080c24 rgb(8,12,36)
```
#0c1234
```
#0c1234 rgb(12,18,52)
```
#101744
```
#101744 rgb(16,23,68)
```
#131c54
```
#131c54 rgb(19,28,84)
```
#172264
```
#172264 rgb(23,34,100)
```
#1b2774
```
#1b2774 rgb(27,39,116)
```
#1e2d83
```
#1e2d83 rgb(30,45,131)
```
#223293
```
#223293 rgb(34,50,147)
```
#2638a3
```
#2638a3 rgb(38,56,163)
```
#2a3db3
```
#2a3db3 rgb(42,61,179)
```
#2d42c3
```
#2d42c3 rgb(45,66,195)
```

Shade Color Variation

#344ad0
```
#344ad0 rgb(52,74,208)
```
#4458d4
```
#4458d4 rgb(68,88,212)
```
#5466d7
```
#5466d7 rgb(84,102,215)
```
#6475db
```
#6475db rgb(100,117,219)
```
#7483df
```
#7483df rgb(116,131,223)
```
#8491e2
```
#8491e2 rgb(132,145,226)
```
#949fe6
```
#949fe6 rgb(148,159,230)
```
#a3adea
```
#a3adea rgb(163,173,234)
```
#b3bcee
```
#b3bcee rgb(179,188,238)
```
#c3caf1
```
#c3caf1 rgb(195,202,241)
```
#d3d8f5
```
#d3d8f5 rgb(211,216,245)
```
#e3e6f9
```
#e3e6f9 rgb(227,230,249)
```
#f3f4fc
```
#f3f4fc rgb(243,244,252)
```

Tint Color Variation

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

#818183
```
#818183 rgb(129,129,131)
```
#777a8d
```
#777a8d rgb(119,122,141)
```
#6e7396
```
#6e7396 rgb(110,115,150)
```
#646da0
```
#646da0 rgb(100,109,160)
```
#5a66aa
```
#5a66aa rgb(90,102,170)
```
#515fb3
```
#515fb3 rgb(81,95,179)
```
#4758bd
```
#4758bd rgb(71,88,189)
```
#3e51c6
```
#3e51c6 rgb(62,81,198)
```
#344ad0
```
#344ad0 rgb(52,74,208)
```
#2a43da
```
#2a43da rgb(42,67,218)
```
#213ce3
```
#213ce3 rgb(33,60,227)
```
#1735ed
```
#1735ed rgb(23,53,237)
```
#0e2ef6
```
#0e2ef6 rgb(14,46,246)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4d516c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0064a2 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1257c2 Protanomaly 1% of men, 0.01% of women
#125bb2 Deuteranomaly 6% of men, 0.4% of women
#125f94 Tritanomaly 0.01% of the population

#344ad0 hex color

#344ad0 Color Information

#344ad0 Color Conversion

Color Schemes with #344ad0

Alternatives to #344ad0

#344ad0 Preview

Shades and Tints of #344ad0

Tones of #344ad0

Color Blindness Simulator