#0348a4 hex color

In a RGB color space, hex #0348a4 is composed of 1.2% red, 28.2% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 56.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 214.3 degrees, a saturation of 96.4% and a lightness of 32.7%. #0348a4 color hex could be obtained by blending #0690ff with #000049. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 28
- B 64
RGB color chart
- C 98
- M 56
- Y 0
- K 36
CMYK color chart

● #0348a4 color description : Dark blue.

The hexadecimal color #0348a4 has RGB values of R:3, G:72, B:164 and CMYK values of C:0.98, M:0.56, Y:0, K:0.36. Its decimal value is 215204.

Hex triplet	0348a4	`#0348a4`
RGB Decimal	3, 72, 164	`rgb(3,72,164)`
RGB Percent	1.2, 28.2, 64.3	`rgb(1.2%,28.2%,64.3%)`
CMYK	98, 56, 0, 36
HSL	214.3°, 96.4, 32.7	`hsl(214.3,96.4%,32.7%)`
HSV (or HSB)	214.3°, 98.2, 64.3
Web Safe	003399	`#003399`

CIE-LAB	32.555, 19.067, -54.656
XYZ	9.054, 7.334, 36.058
xyY	0.173, 0.14, 7.334
CIE-LCH	32.555, 57.886, 289.231
CIE-LUV	32.555, -16.275, -75.278
Hunter-Lab	27.081, 12.289, -59.989
Binary	00000011, 01001000, 10100100

#0348a4
```
#0348a4 rgb(3,72,164)
```
#a45f03
```
#a45f03 rgb(164,95,3)
```

Complementary Color

#0399a4
```
#0399a4 rgb(3,153,164)
```
#0348a4
```
#0348a4 rgb(3,72,164)
```
#0f03a4
```
#0f03a4 rgb(15,3,164)
```

Analogous Color

#99a403
```
#99a403 rgb(153,164,3)
```
#0348a4
```
#0348a4 rgb(3,72,164)
```
#a40f03
```
#a40f03 rgb(164,15,3)
```

Split Complementary Color

#48a403
```
#48a403 rgb(72,164,3)
```
#0348a4
```
#0348a4 rgb(3,72,164)
```
#a40348
```
#a40348 rgb(164,3,72)
```

Triadic Color

#03a45f
```
#03a45f rgb(3,164,95)
```
#0348a4
```
#0348a4 rgb(3,72,164)
```
#a40348
```
#a40348 rgb(164,3,72)
```
#a45f03
```
#a45f03 rgb(164,95,3)
```

Tetradic Color

#022759
```
#022759 rgb(2,39,89)
```
#023272
```
#023272 rgb(2,50,114)
```
#033d8b
```
#033d8b rgb(3,61,139)
```
#0348a4
```
#0348a4 rgb(3,72,164)
```
#0353bd
```
#0353bd rgb(3,83,189)
```
#045ed6
```
#045ed6 rgb(4,94,214)
```
#0469ef
```
#0469ef rgb(4,105,239)
```

Monochromatic Color

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

#0370a4
```
#0370a4 rgb(3,112,164)
```
#0363a4
```
#0363a4 rgb(3,99,164)
```
#0355a4
```
#0355a4 rgb(3,85,164)
```
#0348a4
```
#0348a4 rgb(3,72,164)
```
#033ba4
```
#033ba4 rgb(3,59,164)
```
#032da4
```
#032da4 rgb(3,45,164)
```
#0320a4
```
#0320a4 rgb(3,32,164)
```

Similar Colors

Text with hexadecimal color #0348a4

This text has a font color of #0348a4.

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

#0348a4 background color

This paragraph has a background color of #0348a4.

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

#0348a4 border color

This element has a border color of #0348a4.

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

CSS codes

.text {color:#0348a4;}

.background {background-color:#0348a4;}

.border {border:1px solid #0348a4;}

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

#00040a
```
#00040a rgb(0,4,10)
```
#010d1d
```
#010d1d rgb(1,13,29)
```
#011530
```
#011530 rgb(1,21,48)
```
#011e44
```
#011e44 rgb(1,30,68)
```
#022657
```
#022657 rgb(2,38,87)
```
#022f6a
```
#022f6a rgb(2,47,106)
```
#02377d
```
#02377d rgb(2,55,125)
```
#034091
```
#034091 rgb(3,64,145)
```
#0348a4
```
#0348a4 rgb(3,72,164)
```
#0350b7
```
#0350b7 rgb(3,80,183)
```
#0459cb
```
#0459cb rgb(4,89,203)
```
#0461de
```
#0461de rgb(4,97,222)
```
#046af1
```
#046af1 rgb(4,106,241)
```

Shade Color Variation

#0e74fb
```
#0e74fb rgb(14,116,251)
```
#227ffb
```
#227ffb rgb(34,127,251)
```
#358afb
```
#358afb rgb(53,138,251)
```
#4895fc
```
#4895fc rgb(72,149,252)
```
#5ca0fc
```
#5ca0fc rgb(92,160,252)
```
#6fabfc
```
#6fabfc rgb(111,171,252)
```
#82b7fd
```
#82b7fd rgb(130,183,253)
```
#95c2fd
```
#95c2fd rgb(149,194,253)
```
#a9cdfd
```
#a9cdfd rgb(169,205,253)
```
#bcd8fe
```
#bcd8fe rgb(188,216,254)
```
#cfe3fe
```
#cfe3fe rgb(207,227,254)
```
#e2eefe
```
#e2eefe rgb(226,238,254)
```
#f6faff
```
#f6faff rgb(246,250,255)
```

Tint Color Variation

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

#505357
```
#505357 rgb(80,83,87)
```
#4a525d
```
#4a525d rgb(74,82,93)
```
#435164
```
#435164 rgb(67,81,100)
```
#3d506a
```
#3d506a rgb(61,80,106)
```
#364f71
```
#364f71 rgb(54,79,113)
```
#304e77
```
#304e77 rgb(48,78,119)
```
#2a4e7d
```
#2a4e7d rgb(42,78,125)
```
#234d84
```
#234d84 rgb(35,77,132)
```
#1d4c8a
```
#1d4c8a rgb(29,76,138)
```
#164b91
```
#164b91 rgb(22,75,145)
```
#104a97
```
#104a97 rgb(16,74,151)
```
#09499e
```
#09499e rgb(9,73,158)
```
#0348a4
```
#0348a4 rgb(3,72,164)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#324052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a3 Protanopia 1% of men
#00578e Deuteranopia 1% of men
#005e63 Tritanopia 0.001% of the population

Trichromacy

#014fa3 Protanomaly 1% of men, 0.01% of women
#015296 Deuteranomaly 6% of men, 0.4% of women
#01567a Tritanomaly 0.01% of the population

#0348a4 hex color

#0348a4 Color Information

#0348a4 Color Conversion

Color Schemes with #0348a4

Alternatives to #0348a4

#0348a4 Preview

Shades and Tints of #0348a4

Tones of #0348a4

Color Blindness Simulator