#344cbd hex color

In a RGB color space, hex #344cbd is composed of 20.4% red, 29.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 59.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 229.5 degrees, a saturation of 56.8% and a lightness of 47.3%. #344cbd color hex could be obtained by blending #6898ff with #00007b. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 20
- G 30
- B 74
RGB color chart
- C 72
- M 60
- Y 0
- K 26
CMYK color chart

● #344cbd color description : Moderate blue.

The hexadecimal color #344cbd has RGB values of R:52, G:76, B:189 and CMYK values of C:0.72, M:0.6, Y:0, K:0.26. Its decimal value is 3427517.

Hex triplet	344cbd	`#344cbd`
RGB Decimal	52, 76, 189	`rgb(52,76,189)`
RGB Percent	20.4, 29.8, 74.1	`rgb(20.4%,29.8%,74.1%)`
CMYK	72, 60, 0, 26
HSL	229.5°, 56.8, 47.3	`hsl(229.5,56.8%,47.3%)`
HSV (or HSB)	229.5°, 72.5, 74.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.063, 30.103, -62.082
XYZ	13.184, 9.572, 49.294
xyY	0.183, 0.133, 9.572
CIE-LCH	37.063, 68.996, 295.869
CIE-LUV	37.063, -11.918, -89.404
Hunter-Lab	30.939, 21.921, -72.808
Binary	00110100, 01001100, 10111101

#344cbd
```
#344cbd rgb(52,76,189)
```
#bda534
```
#bda534 rgb(189,165,52)
```

Complementary Color

#3491bd
```
#3491bd rgb(52,145,189)
```
#344cbd
```
#344cbd rgb(52,76,189)
```
#6034bd
```
#6034bd rgb(96,52,189)
```

Analogous Color

#91bd34
```
#91bd34 rgb(145,189,52)
```
#344cbd
```
#344cbd rgb(52,76,189)
```
#bd6034
```
#bd6034 rgb(189,96,52)
```

Split Complementary Color

#4cbd34
```
#4cbd34 rgb(76,189,52)
```
#344cbd
```
#344cbd rgb(52,76,189)
```
#bd344c
```
#bd344c rgb(189,52,76)
```

Triadic Color

#34bda5
```
#34bda5 rgb(52,189,165)
```
#344cbd
```
#344cbd rgb(52,76,189)
```
#bd344c
```
#bd344c rgb(189,52,76)
```
#bda534
```
#bda534 rgb(189,165,52)
```

Tetradic Color

#233481
```
#233481 rgb(35,52,129)
```
#293c95
```
#293c95 rgb(41,60,149)
```
#2e44a9
```
#2e44a9 rgb(46,68,169)
```
#344cbd
```
#344cbd rgb(52,76,189)
```
#4058ca
```
#4058ca rgb(64,88,202)
```
#546ad0
```
#546ad0 rgb(84,106,208)
```
#687bd5
```
#687bd5 rgb(104,123,213)
```

Monochromatic Color

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

#346ebd
```
#346ebd rgb(52,110,189)
```
#3463bd
```
#3463bd rgb(52,99,189)
```
#3457bd
```
#3457bd rgb(52,87,189)
```
#344cbd
```
#344cbd rgb(52,76,189)
```
#3441bd
```
#3441bd rgb(52,65,189)
```
#3435bd
```
#3435bd rgb(52,53,189)
```
#3e34bd
```
#3e34bd rgb(62,52,189)
```

Similar Colors

Text with hexadecimal color #344cbd

This text has a font color of #344cbd.

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

#344cbd background color

This paragraph has a background color of #344cbd.

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

#344cbd border color

This element has a border color of #344cbd.

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

CSS codes

.text {color:#344cbd;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050814
```
#050814 rgb(5,8,20)
```
#0a0e23
```
#0a0e23 rgb(10,14,35)
```
#0e1433
```
#0e1433 rgb(14,20,51)
```
#121b42
```
#121b42 rgb(18,27,66)
```
#162151
```
#162151 rgb(22,33,81)
```
#1b2761
```
#1b2761 rgb(27,39,97)
```
#1f2d70
```
#1f2d70 rgb(31,45,112)
```
#23337f
```
#23337f rgb(35,51,127)
```
#27398f
```
#27398f rgb(39,57,143)
```
#2c409e
```
#2c409e rgb(44,64,158)
```
#3046ae
```
#3046ae rgb(48,70,174)
```
#344cbd
```
#344cbd rgb(52,76,189)
```

Shade Color Variation

#3b54c9
```
#3b54c9 rgb(59,84,201)
```
#4b62cd
```
#4b62cd rgb(75,98,205)
```
#5a6fd2
```
#5a6fd2 rgb(90,111,210)
```
#6a7dd6
```
#6a7dd6 rgb(106,125,214)
```
#798ada
```
#798ada rgb(121,138,218)
```
#8897de
```
#8897de rgb(136,151,222)
```
#98a5e3
```
#98a5e3 rgb(152,165,227)
```
#a7b2e7
```
#a7b2e7 rgb(167,178,231)
```
#b6c0eb
```
#b6c0eb rgb(182,192,235)
```
#c6cdef
```
#c6cdef rgb(198,205,239)
```
#d5dbf4
```
#d5dbf4 rgb(213,219,244)
```
#e5e8f8
```
#e5e8f8 rgb(229,232,248)
```
#f4f5fc
```
#f4f5fc rgb(244,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #75767c is the less saturated color, while #062eeb is the most saturated one.

#75767c
```
#75767c rgb(117,118,124)
```
#6c7085
```
#6c7085 rgb(108,112,133)
```
#626a8f
```
#626a8f rgb(98,106,143)
```
#596498
```
#596498 rgb(89,100,152)
```
#505ea1
```
#505ea1 rgb(80,94,161)
```
#4758aa
```
#4758aa rgb(71,88,170)
```
#3d52b4
```
#3d52b4 rgb(61,82,180)
```
#344cbd
```
#344cbd rgb(52,76,189)
```
#2b46c6
```
#2b46c6 rgb(43,70,198)
```
#2140d0
```
#2140d0 rgb(33,64,208)
```
#183ad9
```
#183ad9 rgb(24,58,217)
```
#0f34e2
```
#0f34e2 rgb(15,52,226)
```
#062eeb
```
#062eeb rgb(6,46,235)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c5167 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629f Deuteranopia 1% of men
#00696f Tritanopia 0.001% of the population

Trichromacy

#1256b8 Protanomaly 1% of men, 0.01% of women
#125aa9 Deuteranomaly 6% of men, 0.4% of women
#125e8b Tritanomaly 0.01% of the population

#344cbd hex color

#344cbd Color Information

#344cbd Color Conversion

Color Schemes with #344cbd

Alternatives to #344cbd

#344cbd Preview

Shades and Tints of #344cbd

Tones of #344cbd

Color Blindness Simulator