#0343a5 hex color

In a RGB color space, hex #0343a5 is composed of 1.2% red, 26.3% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 59.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 216.3 degrees, a saturation of 96.4% and a lightness of 32.9%. #0343a5 color hex could be obtained by blending #0686ff with #00004b. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 26
- B 65
RGB color chart
- C 98
- M 59
- Y 0
- K 35
CMYK color chart

● #0343a5 color description : Dark blue.

The hexadecimal color #0343a5 has RGB values of R:3, G:67, B:165 and CMYK values of C:0.98, M:0.59, Y:0, K:0.35. Its decimal value is 213925.

Hex triplet	0343a5	`#0343a5`
RGB Decimal	3, 67, 165	`rgb(3,67,165)`
RGB Percent	1.2, 26.3, 64.7	`rgb(1.2%,26.3%,64.7%)`
CMYK	98, 59, 0, 35
HSL	216.3°, 96.4, 32.9	`hsl(216.3,96.4%,32.9%)`
HSV (or HSB)	216.3°, 98.2, 64.7
Web Safe	003399	`#003399`

CIE-LAB	31.23, 22.917, -57.417
XYZ	8.835, 6.75, 36.432
xyY	0.17, 0.13, 6.75
CIE-LCH	31.23, 61.822, 291.758
CIE-LUV	31.23, -14.92, -77.719
Hunter-Lab	25.98, 15.237, -64.959
Binary	00000011, 01000011, 10100101

#0343a5
```
#0343a5 rgb(3,67,165)
```
#a56503
```
#a56503 rgb(165,101,3)
```

Complementary Color

#0394a5
```
#0394a5 rgb(3,148,165)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```
#1403a5
```
#1403a5 rgb(20,3,165)
```

Analogous Color

#94a503
```
#94a503 rgb(148,165,3)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```
#a51403
```
#a51403 rgb(165,20,3)
```

Split Complementary Color

#43a503
```
#43a503 rgb(67,165,3)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```
#a50343
```
#a50343 rgb(165,3,67)
```

Triadic Color

#03a565
```
#03a565 rgb(3,165,101)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```
#a50343
```
#a50343 rgb(165,3,67)
```
#a56503
```
#a56503 rgb(165,101,3)
```

Tetradic Color

#02245a
```
#02245a rgb(2,36,90)
```
#022f73
```
#022f73 rgb(2,47,115)
```
#03398c
```
#03398c rgb(3,57,140)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```
#034dbe
```
#034dbe rgb(3,77,190)
```
#0457d7
```
#0457d7 rgb(4,87,215)
```
#0462f0
```
#0462f0 rgb(4,98,240)
```

Monochromatic Color

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

#036ca5
```
#036ca5 rgb(3,108,165)
```
#035ea5
```
#035ea5 rgb(3,94,165)
```
#0351a5
```
#0351a5 rgb(3,81,165)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```
#0336a5
```
#0336a5 rgb(3,54,165)
```
#0328a5
```
#0328a5 rgb(3,40,165)
```
#031ba5
```
#031ba5 rgb(3,27,165)
```

Similar Colors

Text with hexadecimal color #0343a5

This text has a font color of #0343a5.

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

#0343a5 background color

This paragraph has a background color of #0343a5.

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

#0343a5 border color

This element has a border color of #0343a5.

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

CSS codes

.text {color:#0343a5;}

.background {background-color:#0343a5;}

.border {border:1px solid #0343a5;}

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

#00040b
```
#00040b rgb(0,4,11)
```
#010c1e
```
#010c1e rgb(1,12,30)
```
#011431
```
#011431 rgb(1,20,49)
```
#011c45
```
#011c45 rgb(1,28,69)
```
#022458
```
#022458 rgb(2,36,88)
```
#022c6b
```
#022c6b rgb(2,44,107)
```
#02337e
```
#02337e rgb(2,51,126)
```
#033b92
```
#033b92 rgb(3,59,146)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```
#034bb8
```
#034bb8 rgb(3,75,184)
```
#0453cc
```
#0453cc rgb(4,83,204)
```
#045adf
```
#045adf rgb(4,90,223)
```
#0462f2
```
#0462f2 rgb(4,98,242)
```

Shade Color Variation

#0f6cfb
```
#0f6cfb rgb(15,108,251)
```
#2378fb
```
#2378fb rgb(35,120,251)
```
#3684fb
```
#3684fb rgb(54,132,251)
```
#4990fc
```
#4990fc rgb(73,144,252)
```
#5c9cfc
```
#5c9cfc rgb(92,156,252)
```
#70a7fc
```
#70a7fc rgb(112,167,252)
```
#83b3fd
```
#83b3fd rgb(131,179,253)
```
#96bffd
```
#96bffd rgb(150,191,253)
```
#aacbfd
```
#aacbfd rgb(170,203,253)
```
#bdd6fe
```
#bdd6fe rgb(189,214,254)
```
#d0e2fe
```
#d0e2fe rgb(208,226,254)
```
#e3eefe
```
#e3eefe rgb(227,238,254)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#515357
```
#515357 rgb(81,83,87)
```
#4a525e
```
#4a525e rgb(74,82,94)
```
#445164
```
#445164 rgb(68,81,100)
```
#3d4f6b
```
#3d4f6b rgb(61,79,107)
```
#374e71
```
#374e71 rgb(55,78,113)
```
#304c78
```
#304c78 rgb(48,76,120)
```
#2a4b7e
```
#2a4b7e rgb(42,75,126)
```
#234a85
```
#234a85 rgb(35,74,133)
```
#1d488b
```
#1d488b rgb(29,72,139)
```
#164792
```
#164792 rgb(22,71,146)
```
#104698
```
#104698 rgb(16,70,152)
```
#09449f
```
#09449f rgb(9,68,159)
```
#0343a5
```
#0343a5 rgb(3,67,165)
```

Tone Color Variation

Below, you can see how #0343a5 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
#303d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00509d Protanopia 1% of men
#005489 Deuteranopia 1% of men
#005b5f Tritanopia 0.001% of the population

Trichromacy

#014ba0 Protanomaly 1% of men, 0.01% of women
#014e93 Deuteranomaly 6% of men, 0.4% of women
#015279 Tritanomaly 0.01% of the population

#0343a5 hex color

#0343a5 Color Information

#0343a5 Color Conversion

Color Schemes with #0343a5

Alternatives to #0343a5

#0343a5 Preview

Shades and Tints of #0343a5

Tones of #0343a5

Color Blindness Simulator