#344ab2 hex color

In a RGB color space, hex #344ab2 is composed of 20.4% red, 29% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 58.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 229.5 degrees, a saturation of 54.8% and a lightness of 45.1%. #344ab2 color hex could be obtained by blending #6894ff with #000065. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 20
- G 29
- B 70
RGB color chart
- C 71
- M 58
- Y 0
- K 30
CMYK color chart

● #344ab2 color description : Dark blue.

The hexadecimal color #344ab2 has RGB values of R:52, G:74, B:178 and CMYK values of C:0.71, M:0.58, Y:0, K:0.3. Its decimal value is 3426994.

Hex triplet	344ab2	`#344ab2`
RGB Decimal	52, 74, 178	`rgb(52,74,178)`
RGB Percent	20.4, 29, 69.8	`rgb(20.4%,29%,69.8%)`
CMYK	71, 58, 0, 30
HSL	229.5°, 54.8, 45.1	`hsl(229.5,54.8%,45.1%)`
HSV (or HSB)	229.5°, 70.8, 69.8
Web Safe	333399	`#333399`

CIE-LAB	35.677, 27.383, -57.86
XYZ	11.899, 8.841, 43.196
xyY	0.186, 0.138, 8.841
CIE-LCH	35.677, 64.013, 295.327
CIE-LUV	35.677, -11.223, -82.577
Hunter-Lab	29.734, 19.398, -65.32
Binary	00110100, 01001010, 10110010

#344ab2
```
#344ab2 rgb(52,74,178)
```
#b29c34
```
#b29c34 rgb(178,156,52)
```

Complementary Color

#3489b2
```
#3489b2 rgb(52,137,178)
```
#344ab2
```
#344ab2 rgb(52,74,178)
```
#5d34b2
```
#5d34b2 rgb(93,52,178)
```

Analogous Color

#89b234
```
#89b234 rgb(137,178,52)
```
#344ab2
```
#344ab2 rgb(52,74,178)
```
#b25d34
```
#b25d34 rgb(178,93,52)
```

Split Complementary Color

#4ab234
```
#4ab234 rgb(74,178,52)
```
#344ab2
```
#344ab2 rgb(52,74,178)
```
#b2344a
```
#b2344a rgb(178,52,74)
```

Triadic Color

#34b29c
```
#34b29c rgb(52,178,156)
```
#344ab2
```
#344ab2 rgb(52,74,178)
```
#b2344a
```
#b2344a rgb(178,52,74)
```
#b29c34
```
#b29c34 rgb(178,156,52)
```

Tetradic Color

#233177
```
#233177 rgb(35,49,119)
```
#283a8b
```
#283a8b rgb(40,58,139)
```
#2e429e
```
#2e429e rgb(46,66,158)
```
#344ab2
```
#344ab2 rgb(52,74,178)
```
#3a52c5
```
#3a52c5 rgb(58,82,197)
```
#4e64cb
```
#4e64cb rgb(78,100,203)
```
#6275d1
```
#6275d1 rgb(98,117,209)
```

Monochromatic Color

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

#346ab2
```
#346ab2 rgb(52,106,178)
```
#345fb2
```
#345fb2 rgb(52,95,178)
```
#3455b2
```
#3455b2 rgb(52,85,178)
```
#344ab2
```
#344ab2 rgb(52,74,178)
```
#3440b2
```
#3440b2 rgb(52,64,178)
```
#3435b2
```
#3435b2 rgb(52,53,178)
```
#3e34b2
```
#3e34b2 rgb(62,52,178)
```

Similar Colors

Text with hexadecimal color #344ab2

This text has a font color of #344ab2.

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

#344ab2 background color

This paragraph has a background color of #344ab2.

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

#344ab2 border color

This element has a border color of #344ab2.

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

CSS codes

.text {color:#344ab2;}

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

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

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

#03050b
```
#03050b rgb(3,5,11)
```
#080b1a
```
#080b1a rgb(8,11,26)
```
#0c1129
```
#0c1129 rgb(12,17,41)
```
#111839
```
#111839 rgb(17,24,57)
```
#151e48
```
#151e48 rgb(21,30,72)
```
#192457
```
#192457 rgb(25,36,87)
```
#1e2a66
```
#1e2a66 rgb(30,42,102)
```
#223175
```
#223175 rgb(34,49,117)
```
#273784
```
#273784 rgb(39,55,132)
```
#2b3d94
```
#2b3d94 rgb(43,61,148)
```
#3044a3
```
#3044a3 rgb(48,68,163)
```
#344ab2
```
#344ab2 rgb(52,74,178)
```
#3850c1
```
#3850c1 rgb(56,80,193)
```

Shade Color Variation

#455cc9
```
#455cc9 rgb(69,92,201)
```
#5469cd
```
#5469cd rgb(84,105,205)
```
#6376d1
```
#6376d1 rgb(99,118,209)
```
#7284d6
```
#7284d6 rgb(114,132,214)
```
#8191da
```
#8191da rgb(129,145,218)
```
#919edf
```
#919edf rgb(145,158,223)
```
#a0ace3
```
#a0ace3 rgb(160,172,227)
```
#afb9e8
```
#afb9e8 rgb(175,185,232)
```
#bec6ec
```
#bec6ec rgb(190,198,236)
```
#cdd3f0
```
#cdd3f0 rgb(205,211,240)
```
#dce1f5
```
#dce1f5 rgb(220,225,245)
```
#eceef9
```
#eceef9 rgb(236,238,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#727274
```
#727274 rgb(114,114,116)
```
#696d7d
```
#696d7d rgb(105,109,125)
```
#606786
```
#606786 rgb(96,103,134)
```
#57618f
```
#57618f rgb(87,97,143)
```
#4f5b97
```
#4f5b97 rgb(79,91,151)
```
#4656a0
```
#4656a0 rgb(70,86,160)
```
#3d50a9
```
#3d50a9 rgb(61,80,169)
```
#344ab2
```
#344ab2 rgb(52,74,178)
```
#2b44bb
```
#2b44bb rgb(43,68,187)
```
#223ec4
```
#223ec4 rgb(34,62,196)
```
#1939cd
```
#1939cd rgb(25,57,205)
```
#1133d5
```
#1133d5 rgb(17,51,213)
```
#082dde
```
#082dde rgb(8,45,222)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#4a4e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059b0 Protanopia 1% of men
#005e9a Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#1254b0 Protanomaly 1% of men, 0.01% of women
#1257a2 Deuteranomaly 6% of men, 0.4% of women
#125b85 Tritanomaly 0.01% of the population

#344ab2 hex color

#344ab2 Color Information

#344ab2 Color Conversion

Color Schemes with #344ab2

Alternatives to #344ab2

#344ab2 Preview

Shades and Tints of #344ab2

Tones of #344ab2

Color Blindness Simulator