#034386 hex color

In a RGB color space, hex #034386 is composed of 1.2% red, 26.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 50% magenta, 0% yellow and 47.5% black. It has a hue angle of 210.7 degrees, a saturation of 95.6% and a lightness of 26.9%. #034386 color hex could be obtained by blending #0686ff with #00000d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 26
- B 53
RGB color chart
- C 98
- M 50
- Y 0
- K 47
CMYK color chart

● #034386 color description : Dark blue.

The hexadecimal color #034386 has RGB values of R:3, G:67, B:134 and CMYK values of C:0.98, M:0.5, Y:0, K:0.47. Its decimal value is 213894.

Hex triplet	034386	`#034386`
RGB Decimal	3, 67, 134	`rgb(3,67,134)`
RGB Percent	1.2, 26.3, 52.5	`rgb(1.2%,26.3%,52.5%)`
CMYK	98, 50, 0, 47
HSL	210.7°, 95.6, 26.9	`hsl(210.7,95.6%,26.9%)`
HSV (or HSB)	210.7°, 97.8, 52.5
Web Safe	003399	`#003399`

CIE-LAB	28.784, 9.816, -42.463
XYZ	6.347, 5.754, 23.329
xyY	0.179, 0.162, 5.754
CIE-LCH	28.784, 43.583, 283.016
CIE-LUV	28.784, -15.624, -56.102
Hunter-Lab	23.988, 5.248, -40.869
Binary	00000011, 01000011, 10000110

#034386
```
#034386 rgb(3,67,134)
```
#864603
```
#864603 rgb(134,70,3)
```

Complementary Color

#038586
```
#038586 rgb(3,133,134)
```
#034386
```
#034386 rgb(3,67,134)
```
#040386
```
#040386 rgb(4,3,134)
```

Analogous Color

#858603
```
#858603 rgb(133,134,3)
```
#034386
```
#034386 rgb(3,67,134)
```
#860403
```
#860403 rgb(134,4,3)
```

Split Complementary Color

#438603
```
#438603 rgb(67,134,3)
```
#034386
```
#034386 rgb(3,67,134)
```
#860343
```
#860343 rgb(134,3,67)
```

Triadic Color

#038646
```
#038646 rgb(3,134,70)
```
#034386
```
#034386 rgb(3,67,134)
```
#860343
```
#860343 rgb(134,3,67)
```
#864603
```
#864603 rgb(134,70,3)
```

Tetradic Color

#011e3b
```
#011e3b rgb(1,30,59)
```
#022a54
```
#022a54 rgb(2,42,84)
```
#02376d
```
#02376d rgb(2,55,109)
```
#034386
```
#034386 rgb(3,67,134)
```
#044f9f
```
#044f9f rgb(4,79,159)
```
#045cb8
```
#045cb8 rgb(4,92,184)
```
#0568d1
```
#0568d1 rgb(5,104,209)
```

Monochromatic Color

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

#036486
```
#036486 rgb(3,100,134)
```
#035986
```
#035986 rgb(3,89,134)
```
#034e86
```
#034e86 rgb(3,78,134)
```
#034386
```
#034386 rgb(3,67,134)
```
#033886
```
#033886 rgb(3,56,134)
```
#032d86
```
#032d86 rgb(3,45,134)
```
#032286
```
#032286 rgb(3,34,134)
```

Similar Colors

Text with hexadecimal color #034386

This text has a font color of #034386.

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

#034386 background color

This paragraph has a background color of #034386.

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

#034386 border color

This element has a border color of #034386.

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

CSS codes

.text {color:#034386;}

.background {background-color:#034386;}

.border {border:1px solid #034386;}

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

#000913
```
#000913 rgb(0,9,19)
```
#011326
```
#011326 rgb(1,19,38)
```
#011d39
```
#011d39 rgb(1,29,57)
```
#02264c
```
#02264c rgb(2,38,76)
```
#023060
```
#023060 rgb(2,48,96)
```
#033973
```
#033973 rgb(3,57,115)
```
#034386
```
#034386 rgb(3,67,134)
```
#034d99
```
#034d99 rgb(3,77,153)
```
#0456ac
```
#0456ac rgb(4,86,172)
```
#0460c0
```
#0460c0 rgb(4,96,192)
```
#0569d3
```
#0569d3 rgb(5,105,211)
```
#0573e6
```
#0573e6 rgb(5,115,230)
```
#067df9
```
#067df9 rgb(6,125,249)
```

Shade Color Variation

#1887fa
```
#1887fa rgb(24,135,250)
```
#2c91fa
```
#2c91fa rgb(44,145,250)
```
#3f9bfb
```
#3f9bfb rgb(63,155,251)
```
#52a5fb
```
#52a5fb rgb(82,165,251)
```
#65affc
```
#65affc rgb(101,175,252)
```
#78b9fc
```
#78b9fc rgb(120,185,252)
```
#8cc3fc
```
#8cc3fc rgb(140,195,252)
```
#9fcdfd
```
#9fcdfd rgb(159,205,253)
```
#b2d7fd
```
#b2d7fd rgb(178,215,253)
```
#c5e1fe
```
#c5e1fe rgb(197,225,254)
```
#d8ebfe
```
#d8ebfe rgb(216,235,254)
```
#ecf5ff
```
#ecf5ff rgb(236,245,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#424447
```
#424447 rgb(66,68,71)
```
#3d444c
```
#3d444c rgb(61,68,76)
```
#384451
```
#384451 rgb(56,68,81)
```
#324457
```
#324457 rgb(50,68,87)
```
#2d445c
```
#2d445c rgb(45,68,92)
```
#284461
```
#284461 rgb(40,68,97)
```
#234466
```
#234466 rgb(35,68,102)
```
#1d446c
```
#1d446c rgb(29,68,108)
```
#184371
```
#184371 rgb(24,67,113)
```
#134376
```
#134376 rgb(19,67,118)
```
#0e437b
```
#0e437b rgb(14,67,123)
```
#084381
```
#084381 rgb(8,67,129)
```
#034386
```
#034386 rgb(3,67,134)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#2d3a48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#254b8b Protanopia 1% of men
#004f82 Deuteranopia 1% of men
#00555a Tritanopia 0.001% of the population

Trichromacy

#194889 Protanomaly 1% of men, 0.01% of women
#014a83 Deuteranomaly 6% of men, 0.4% of women
#014e6a Tritanomaly 0.01% of the population

#034386 hex color

#034386 Color Information

#034386 Color Conversion

Color Schemes with #034386

Alternatives to #034386

#034386 Preview

Shades and Tints of #034386

Tones of #034386

Color Blindness Simulator