#344daf hex color

In a RGB color space, hex #344daf is composed of 20.4% red, 30.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 56% magenta, 0% yellow and 31.4% black. It has a hue angle of 227.8 degrees, a saturation of 54.2% and a lightness of 44.5%. #344daf color hex could be obtained by blending #689aff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 30
- B 69
RGB color chart
- C 70
- M 56
- Y 0
- K 31
CMYK color chart

● #344daf color description : Dark blue.

The hexadecimal color #344daf has RGB values of R:52, G:77, B:175 and CMYK values of C:0.7, M:0.56, Y:0, K:0.31. Its decimal value is 3427759.

Hex triplet	344daf	`#344daf`
RGB Decimal	52, 77, 175	`rgb(52,77,175)`
RGB Percent	20.4, 30.2, 68.6	`rgb(20.4%,30.2%,68.6%)`
CMYK	70, 56, 0, 31
HSL	227.8°, 54.2, 44.5	`hsl(227.8,54.2%,44.5%)`
HSV (or HSB)	227.8°, 70.3, 68.6
Web Safe	336699	`#336699`

CIE-LAB	36.238, 24.314, -55.171
XYZ	11.806, 9.132, 41.696
xyY	0.188, 0.146, 9.132
CIE-LCH	36.238, 60.291, 293.783
CIE-LUV	36.238, -11.969, -79.255
Hunter-Lab	30.22, 16.853, -60.652
Binary	00110100, 01001101, 10101111

#344daf
```
#344daf rgb(52,77,175)
```
#af9634
```
#af9634 rgb(175,150,52)
```

Complementary Color

#348baf
```
#348baf rgb(52,139,175)
```
#344daf
```
#344daf rgb(52,77,175)
```
#5834af
```
#5834af rgb(88,52,175)
```

Analogous Color

#8baf34
```
#8baf34 rgb(139,175,52)
```
#344daf
```
#344daf rgb(52,77,175)
```
#af5834
```
#af5834 rgb(175,88,52)
```

Split Complementary Color

#4daf34
```
#4daf34 rgb(77,175,52)
```
#344daf
```
#344daf rgb(52,77,175)
```
#af344d
```
#af344d rgb(175,52,77)
```

Triadic Color

#34af96
```
#34af96 rgb(52,175,150)
```
#344daf
```
#344daf rgb(52,77,175)
```
#af344d
```
#af344d rgb(175,52,77)
```
#af9634
```
#af9634 rgb(175,150,52)
```

Tetradic Color

#223374
```
#223374 rgb(34,51,116)
```
#283c88
```
#283c88 rgb(40,60,136)
```
#2e449b
```
#2e449b rgb(46,68,155)
```
#344daf
```
#344daf rgb(52,77,175)
```
#3a56c3
```
#3a56c3 rgb(58,86,195)
```
#4c66ca
```
#4c66ca rgb(76,102,202)
```
#6077d0
```
#6077d0 rgb(96,119,208)
```

Monochromatic Color

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

#346caf
```
#346caf rgb(52,108,175)
```
#3462af
```
#3462af rgb(52,98,175)
```
#3457af
```
#3457af rgb(52,87,175)
```
#344daf
```
#344daf rgb(52,77,175)
```
#3443af
```
#3443af rgb(52,67,175)
```
#3439af
```
#3439af rgb(52,57,175)
```
#3a34af
```
#3a34af rgb(58,52,175)
```

Similar Colors

Text with hexadecimal color #344daf

This text has a font color of #344daf.

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

#344daf background color

This paragraph has a background color of #344daf.

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

#344daf border color

This element has a border color of #344daf.

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

CSS codes

.text {color:#344daf;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#070a18
```
#070a18 rgb(7,10,24)
```
#0c1127
```
#0c1127 rgb(12,17,39)
```
#101836
```
#101836 rgb(16,24,54)
```
#151e45
```
#151e45 rgb(21,30,69)
```
#192554
```
#192554 rgb(25,37,84)
```
#1e2c63
```
#1e2c63 rgb(30,44,99)
```
#223273
```
#223273 rgb(34,50,115)
```
#273982
```
#273982 rgb(39,57,130)
```
#2b4091
```
#2b4091 rgb(43,64,145)
```
#3046a0
```
#3046a0 rgb(48,70,160)
```
#344daf
```
#344daf rgb(52,77,175)
```
#3854be
```
#3854be rgb(56,84,190)
```

Shade Color Variation

#435ec7
```
#435ec7 rgb(67,94,199)
```
#526bcc
```
#526bcc rgb(82,107,204)
```
#6178d0
```
#6178d0 rgb(97,120,208)
```
#7085d5
```
#7085d5 rgb(112,133,213)
```
#8092d9
```
#8092d9 rgb(128,146,217)
```
#8f9fde
```
#8f9fde rgb(143,159,222)
```
#9eace2
```
#9eace2 rgb(158,172,226)
```
#adb9e7
```
#adb9e7 rgb(173,185,231)
```
#bcc6eb
```
#bcc6eb rgb(188,198,235)
```
#cbd3f0
```
#cbd3f0 rgb(203,211,240)
```
#dae0f4
```
#dae0f4 rgb(218,224,244)
```
#e9ecf9
```
#e9ecf9 rgb(233,236,249)
```
#f9f9fd
```
#f9f9fd rgb(249,249,253)
```

Tint Color Variation

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

#717172
```
#717172 rgb(113,113,114)
```
#686c7b
```
#686c7b rgb(104,108,123)
```
#606783
```
#606783 rgb(96,103,131)
```
#57628c
```
#57628c rgb(87,98,140)
```
#4e5d95
```
#4e5d95 rgb(78,93,149)
```
#45579e
```
#45579e rgb(69,87,158)
```
#3d52a6
```
#3d52a6 rgb(61,82,166)
```
#344daf
```
#344daf rgb(52,77,175)
```
#2b48b8
```
#2b48b8 rgb(43,72,184)
```
#2343c0
```
#2343c0 rgb(35,67,192)
```
#1a3dc9
```
#1a3dc9 rgb(26,61,201)
```
#1138d2
```
#1138d2 rgb(17,56,210)
```
#0833db
```
#0833db rgb(8,51,219)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#4b5064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609c Deuteranopia 1% of men
#00676e Tritanopia 0.001% of the population

Trichromacy

#1255b1 Protanomaly 1% of men, 0.01% of women
#1259a3 Deuteranomaly 6% of men, 0.4% of women
#125d85 Tritanomaly 0.01% of the population

#344daf hex color

#344daf Color Information

#344daf Color Conversion

Color Schemes with #344daf

Alternatives to #344daf

#344daf Preview

Shades and Tints of #344daf

Tones of #344daf

Color Blindness Simulator