#034a85 hex color

In a RGB color space, hex #034a85 is composed of 1.2% red, 29% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 97.7% cyan, 44.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 207.2 degrees, a saturation of 95.6% and a lightness of 26.7%. #034a85 color hex could be obtained by blending #0694ff with #00000b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 29
- B 52
RGB color chart
- C 98
- M 44
- Y 0
- K 48
CMYK color chart

● #034a85 color description : Dark blue.

The hexadecimal color #034a85 has RGB values of R:3, G:74, B:133 and CMYK values of C:0.98, M:0.44, Y:0, K:0.48. Its decimal value is 215685.

Hex triplet	034a85	`#034a85`
RGB Decimal	3, 74, 133	`rgb(3,74,133)`
RGB Percent	1.2, 29, 52.2	`rgb(1.2%,29%,52.2%)`
CMYK	98, 44, 0, 48
HSL	207.2°, 95.6, 26.7	`hsl(207.2,95.6%,26.7%)`
HSV (or HSB)	207.2°, 97.7, 52.2
Web Safe	003399	`#003399`

CIE-LAB	30.901, 4.579, -38.437
XYZ	6.719, 6.61, 23.111
xyY	0.184, 0.181, 6.61
CIE-LCH	30.901, 38.709, 276.793
CIE-LUV	30.901, -17.851, -51.737
Hunter-Lab	25.709, 1.658, -35.3
Binary	00000011, 01001010, 10000101

#034a85
```
#034a85 rgb(3,74,133)
```
#853e03
```
#853e03 rgb(133,62,3)
```

Complementary Color

#03857f
```
#03857f rgb(3,133,127)
```
#034a85
```
#034a85 rgb(3,74,133)
```
#030985
```
#030985 rgb(3,9,133)
```

Analogous Color

#857f03
```
#857f03 rgb(133,127,3)
```
#034a85
```
#034a85 rgb(3,74,133)
```
#850309
```
#850309 rgb(133,3,9)
```

Split Complementary Color

#4a8503
```
#4a8503 rgb(74,133,3)
```
#034a85
```
#034a85 rgb(3,74,133)
```
#85034a
```
#85034a rgb(133,3,74)
```

Triadic Color

#03853e
```
#03853e rgb(3,133,62)
```
#034a85
```
#034a85 rgb(3,74,133)
```
#85034a
```
#85034a rgb(133,3,74)
```
#853e03
```
#853e03 rgb(133,62,3)
```

Tetradic Color

#01203a
```
#01203a rgb(1,32,58)
```
#022e53
```
#022e53 rgb(2,46,83)
```
#023c6c
```
#023c6c rgb(2,60,108)
```
#034a85
```
#034a85 rgb(3,74,133)
```
#04589e
```
#04589e rgb(4,88,158)
```
#0466b7
```
#0466b7 rgb(4,102,183)
```
#0574d0
```
#0574d0 rgb(5,116,208)
```

Monochromatic Color

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

#036b85
```
#036b85 rgb(3,107,133)
```
#036085
```
#036085 rgb(3,96,133)
```
#035585
```
#035585 rgb(3,85,133)
```
#034a85
```
#034a85 rgb(3,74,133)
```
#033f85
```
#033f85 rgb(3,63,133)
```
#033485
```
#033485 rgb(3,52,133)
```
#032a85
```
#032a85 rgb(3,42,133)
```

Similar Colors

Text with hexadecimal color #034a85

This text has a font color of #034a85.

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

#034a85 background color

This paragraph has a background color of #034a85.

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

#034a85 border color

This element has a border color of #034a85.

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

CSS codes

.text {color:#034a85;}

.background {background-color:#034a85;}

.border {border:1px solid #034a85;}

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, #000a12 is the darkest color, while #fefeff is the lightest one.

#000a12
```
#000a12 rgb(0,10,18)
```
#011525
```
#011525 rgb(1,21,37)
```
#011f38
```
#011f38 rgb(1,31,56)
```
#022a4b
```
#022a4b rgb(2,42,75)
```
#02355f
```
#02355f rgb(2,53,95)
```
#033f72
```
#033f72 rgb(3,63,114)
```
#034a85
```
#034a85 rgb(3,74,133)
```
#035598
```
#035598 rgb(3,85,152)
```
#045fab
```
#045fab rgb(4,95,171)
```
#046abf
```
#046abf rgb(4,106,191)
```
#0575d2
```
#0575d2 rgb(5,117,210)
```
#057fe5
```
#057fe5 rgb(5,127,229)
```
#068af8
```
#068af8 rgb(6,138,248)
```

Shade Color Variation

#1893fa
```
#1893fa rgb(24,147,250)
```
#2b9cfa
```
#2b9cfa rgb(43,156,250)
```
#3ea5fb
```
#3ea5fb rgb(62,165,251)
```
#51aefb
```
#51aefb rgb(81,174,251)
```
#64b7fc
```
#64b7fc rgb(100,183,252)
```
#77c0fc
```
#77c0fc rgb(119,192,252)
```
#8bc9fc
```
#8bc9fc rgb(139,201,252)
```
#9ed2fd
```
#9ed2fd rgb(158,210,253)
```
#b1dbfd
```
#b1dbfd rgb(177,219,253)
```
#c4e4fe
```
#c4e4fe rgb(196,228,254)
```
#d7edfe
```
#d7edfe rgb(215,237,254)
```
#ebf5ff
```
#ebf5ff rgb(235,245,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#424446
```
#424446 rgb(66,68,70)
```
#3d454b
```
#3d454b rgb(61,69,75)
```
#374551
```
#374551 rgb(55,69,81)
```
#324656
```
#324656 rgb(50,70,86)
```
#2d465b
```
#2d465b rgb(45,70,91)
```
#284760
```
#284760 rgb(40,71,96)
```
#224766
```
#224766 rgb(34,71,102)
```
#1d486b
```
#1d486b rgb(29,72,107)
```
#184870
```
#184870 rgb(24,72,112)
```
#134975
```
#134975 rgb(19,73,117)
```
#0d497b
```
#0d497b rgb(13,73,123)
```
#084a80
```
#084a80 rgb(8,74,128)
```
#034a85
```
#034a85 rgb(3,74,133)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#303e4a Atypical Achromatopsia 0.001% of the population

Dichromacy

#355088 Protanopia 1% of men
#09538b Deuteranopia 1% of men
#005a5f Tritanopia 0.001% of the population

Trichromacy

#234e87 Protanomaly 1% of men, 0.01% of women
#075089 Deuteranomaly 6% of men, 0.4% of women
#01546d Tritanomaly 0.01% of the population

#034a85 hex color

#034a85 Color Information

#034a85 Color Conversion

Color Schemes with #034a85

Alternatives to #034a85

#034a85 Preview

Shades and Tints of #034a85

Tones of #034a85

Color Blindness Simulator