#0348a3 hex color

In a RGB color space, hex #0348a3 is composed of 1.2% red, 28.2% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 55.8% magenta, 0% yellow and 36.1% black. It has a hue angle of 214.1 degrees, a saturation of 96.4% and a lightness of 32.5%. #0348a3 color hex could be obtained by blending #0690ff with #000047. 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

● #0348a3 color description : Dark blue.

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

Hex triplet	0348a3	`#0348a3`
RGB Decimal	3, 72, 163	`rgb(3,72,163)`
RGB Percent	1.2, 28.2, 63.9	`rgb(1.2%,28.2%,63.9%)`
CMYK	98, 56, 0, 36
HSL	214.1°, 96.4, 32.5	`hsl(214.1,96.4%,32.5%)`
HSV (or HSB)	214.1°, 98.2, 63.9
Web Safe	003399	`#003399`

CIE-LAB	32.475, 18.651, -54.184
XYZ	8.964, 7.298, 35.584
xyY	0.173, 0.141, 7.298
CIE-LCH	32.475, 57.304, 288.994
CIE-LUV	32.475, -16.297, -74.585
Hunter-Lab	27.014, 11.958, -59.19
Binary	00000011, 01001000, 10100011

#0348a3
```
#0348a3 rgb(3,72,163)
```
#a35e03
```
#a35e03 rgb(163,94,3)
```

Complementary Color

#0398a3
```
#0398a3 rgb(3,152,163)
```
#0348a3
```
#0348a3 rgb(3,72,163)
```
#0e03a3
```
#0e03a3 rgb(14,3,163)
```

Analogous Color

#98a303
```
#98a303 rgb(152,163,3)
```
#0348a3
```
#0348a3 rgb(3,72,163)
```
#a30e03
```
#a30e03 rgb(163,14,3)
```

Split Complementary Color

#48a303
```
#48a303 rgb(72,163,3)
```
#0348a3
```
#0348a3 rgb(3,72,163)
```
#a30348
```
#a30348 rgb(163,3,72)
```

Triadic Color

#03a35e
```
#03a35e rgb(3,163,94)
```
#0348a3
```
#0348a3 rgb(3,72,163)
```
#a30348
```
#a30348 rgb(163,3,72)
```
#a35e03
```
#a35e03 rgb(163,94,3)
```

Tetradic Color

#022758
```
#022758 rgb(2,39,88)
```
#023271
```
#023271 rgb(2,50,113)
```
#033d8a
```
#033d8a rgb(3,61,138)
```
#0348a3
```
#0348a3 rgb(3,72,163)
```
#0353bc
```
#0353bc rgb(3,83,188)
```
#045ed5
```
#045ed5 rgb(4,94,213)
```
#0469ee
```
#0469ee rgb(4,105,238)
```

Monochromatic Color

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

#0370a3
```
#0370a3 rgb(3,112,163)
```
#0363a3
```
#0363a3 rgb(3,99,163)
```
#0355a3
```
#0355a3 rgb(3,85,163)
```
#0348a3
```
#0348a3 rgb(3,72,163)
```
#033ba3
```
#033ba3 rgb(3,59,163)
```
#032da3
```
#032da3 rgb(3,45,163)
```
#0320a3
```
#0320a3 rgb(3,32,163)
```

Similar Colors

Text with hexadecimal color #0348a3

This text has a font color of #0348a3.

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

#0348a3 background color

This paragraph has a background color of #0348a3.

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

#0348a3 border color

This element has a border color of #0348a3.

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

CSS codes

.text {color:#0348a3;}

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

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

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

#000409
```
#000409 rgb(0,4,9)
```
#010c1c
```
#010c1c rgb(1,12,28)
```
#01152f
```
#01152f rgb(1,21,47)
```
#011d43
```
#011d43 rgb(1,29,67)
```
#022656
```
#022656 rgb(2,38,86)
```
#022e69
```
#022e69 rgb(2,46,105)
```
#02377c
```
#02377c rgb(2,55,124)
```
#033f90
```
#033f90 rgb(3,63,144)
```
#0348a3
```
#0348a3 rgb(3,72,163)
```
#0351b6
```
#0351b6 rgb(3,81,182)
```
#0459ca
```
#0459ca rgb(4,89,202)
```
#0462dd
```
#0462dd rgb(4,98,221)
```
#046af0
```
#046af0 rgb(4,106,240)
```

Shade Color Variation

#0e74fb
```
#0e74fb rgb(14,116,251)
```
#217ffb
```
#217ffb rgb(33,127,251)
```
#348afb
```
#348afb rgb(52,138,251)
```
#4795fc
```
#4795fc rgb(71,149,252)
```
#5ba0fc
```
#5ba0fc rgb(91,160,252)
```
#6eabfc
```
#6eabfc rgb(110,171,252)
```
#81b6fd
```
#81b6fd rgb(129,182,253)
```
#94c1fd
```
#94c1fd rgb(148,193,253)
```
#a8cdfd
```
#a8cdfd rgb(168,205,253)
```
#bbd8fe
```
#bbd8fe rgb(187,216,254)
```
#cee3fe
```
#cee3fe rgb(206,227,254)
```
#e1eefe
```
#e1eefe rgb(225,238,254)
```
#f5f9ff
```
#f5f9ff rgb(245,249,255)
```

Tint Color Variation

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

#505356
```
#505356 rgb(80,83,86)
```
#49525d
```
#49525d rgb(73,82,93)
```
#435163
```
#435163 rgb(67,81,99)
```
#3c506a
```
#3c506a rgb(60,80,106)
```
#364f70
```
#364f70 rgb(54,79,112)
```
#304e76
```
#304e76 rgb(48,78,118)
```
#294d7d
```
#294d7d rgb(41,77,125)
```
#234c83
```
#234c83 rgb(35,76,131)
```
#1d4c89
```
#1d4c89 rgb(29,76,137)
```
#164b90
```
#164b90 rgb(22,75,144)
```
#104a96
```
#104a96 rgb(16,74,150)
```
#09499d
```
#09499d rgb(9,73,157)
```
#0348a3
```
#0348a3 rgb(3,72,163)
```

Tone Color Variation

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

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

Trichromacy

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

#0348a3 hex color

#0348a3 Color Information

#0348a3 Color Conversion

Color Schemes with #0348a3

Alternatives to #0348a3

#0348a3 Preview

Shades and Tints of #0348a3

Tones of #0348a3

Color Blindness Simulator