#0348a0 hex color

In a RGB color space, hex #0348a0 is composed of 1.2% red, 28.2% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 55% magenta, 0% yellow and 37.3% black. It has a hue angle of 213.6 degrees, a saturation of 96.3% and a lightness of 32%. #0348a0 color hex could be obtained by blending #0690ff with #000041. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 28
- B 63
RGB color chart
- C 98
- M 55
- Y 0
- K 37
CMYK color chart

● #0348a0 color description : Dark blue.

The hexadecimal color #0348a0 has RGB values of R:3, G:72, B:160 and CMYK values of C:0.98, M:0.55, Y:0, K:0.37. Its decimal value is 215200.

Hex triplet	0348a0	`#0348a0`
RGB Decimal	3, 72, 160	`rgb(3,72,160)`
RGB Percent	1.2, 28.2, 62.7	`rgb(1.2%,28.2%,62.7%)`
CMYK	98, 55, 0, 37
HSL	213.6°, 96.3, 32	`hsl(213.6,96.3%,32%)`
HSV (or HSB)	213.6°, 98.1, 62.7
Web Safe	003399	`#003399`

CIE-LAB	32.239, 17.399, -52.762
XYZ	8.699, 7.191, 34.185
xyY	0.174, 0.144, 7.191
CIE-LCH	32.239, 55.557, 288.251
CIE-LUV	32.239, -16.366, -72.492
Hunter-Lab	26.817, 10.972, -56.81
Binary	00000011, 01001000, 10100000

#0348a0
```
#0348a0 rgb(3,72,160)
```
#a05b03
```
#a05b03 rgb(160,91,3)
```

Complementary Color

#0397a0
```
#0397a0 rgb(3,151,160)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```
#0c03a0
```
#0c03a0 rgb(12,3,160)
```

Analogous Color

#97a003
```
#97a003 rgb(151,160,3)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```
#a00c03
```
#a00c03 rgb(160,12,3)
```

Split Complementary Color

#48a003
```
#48a003 rgb(72,160,3)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```
#a00348
```
#a00348 rgb(160,3,72)
```

Triadic Color

#03a05b
```
#03a05b rgb(3,160,91)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```
#a00348
```
#a00348 rgb(160,3,72)
```
#a05b03
```
#a05b03 rgb(160,91,3)
```

Tetradic Color

#022655
```
#022655 rgb(2,38,85)
```
#02316e
```
#02316e rgb(2,49,110)
```
#033d87
```
#033d87 rgb(3,61,135)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```
#0353b9
```
#0353b9 rgb(3,83,185)
```
#045fd2
```
#045fd2 rgb(4,95,210)
```
#046aeb
```
#046aeb rgb(4,106,235)
```

Monochromatic Color

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

#036fa0
```
#036fa0 rgb(3,111,160)
```
#0362a0
```
#0362a0 rgb(3,98,160)
```
#0355a0
```
#0355a0 rgb(3,85,160)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```
#033ba0
```
#033ba0 rgb(3,59,160)
```
#032ea0
```
#032ea0 rgb(3,46,160)
```
#0321a0
```
#0321a0 rgb(3,33,160)
```

Similar Colors

Text with hexadecimal color #0348a0

This text has a font color of #0348a0.

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

#0348a0 background color

This paragraph has a background color of #0348a0.

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

#0348a0 border color

This element has a border color of #0348a0.

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

CSS codes

.text {color:#0348a0;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000b19
```
#000b19 rgb(0,11,25)
```
#01142c
```
#01142c rgb(1,20,44)
```
#011d40
```
#011d40 rgb(1,29,64)
```
#022553
```
#022553 rgb(2,37,83)
```
#022e66
```
#022e66 rgb(2,46,102)
```
#023779
```
#023779 rgb(2,55,121)
```
#033f8d
```
#033f8d rgb(3,63,141)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```
#0351b3
```
#0351b3 rgb(3,81,179)
```
#0459c7
```
#0459c7 rgb(4,89,199)
```
#0462da
```
#0462da rgb(4,98,218)
```
#046bed
```
#046bed rgb(4,107,237)
```

Shade Color Variation

#0b74fa
```
#0b74fa rgb(11,116,250)
```
#1e7ffb
```
#1e7ffb rgb(30,127,251)
```
#318afb
```
#318afb rgb(49,138,251)
```
#4495fc
```
#4495fc rgb(68,149,252)
```
#58a0fc
```
#58a0fc rgb(88,160,252)
```
#6babfc
```
#6babfc rgb(107,171,252)
```
#7eb6fd
```
#7eb6fd rgb(126,182,253)
```
#91c1fd
```
#91c1fd rgb(145,193,253)
```
#a5ccfd
```
#a5ccfd rgb(165,204,253)
```
#b8d7fe
```
#b8d7fe rgb(184,215,254)
```
#cbe2fe
```
#cbe2fe rgb(203,226,254)
```
#deecfe
```
#deecfe rgb(222,236,254)
```
#f2f7ff
```
#f2f7ff rgb(242,247,255)
```

Tint Color Variation

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

#4e5155
```
#4e5155 rgb(78,81,85)
```
#48505b
```
#48505b rgb(72,80,91)
```
#425061
```
#425061 rgb(66,80,97)
```
#3b4f68
```
#3b4f68 rgb(59,79,104)
```
#354e6e
```
#354e6e rgb(53,78,110)
```
#2f4d74
```
#2f4d74 rgb(47,77,116)
```
#294d7a
```
#294d7a rgb(41,77,122)
```
#224c81
```
#224c81 rgb(34,76,129)
```
#1c4b87
```
#1c4b87 rgb(28,75,135)
```
#164a8d
```
#164a8d rgb(22,74,141)
```
#104a93
```
#104a93 rgb(16,74,147)
```
#09499a
```
#09499a rgb(9,73,154)
```
#0348a0
```
#0348a0 rgb(3,72,160)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#313f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00578d Deuteranopia 1% of men
#005d62 Tritanopia 0.001% of the population

Trichromacy

#014ea1 Protanomaly 1% of men, 0.01% of women
#015194 Deuteranomaly 6% of men, 0.4% of women
#015578 Tritanomaly 0.01% of the population

#0348a0 hex color

#0348a0 Color Information

#0348a0 Color Conversion

Color Schemes with #0348a0

Alternatives to #0348a0

#0348a0 Preview

Shades and Tints of #0348a0

Tones of #0348a0

Color Blindness Simulator