#0348ac hex color

In a RGB color space, hex #0348ac is composed of 1.2% red, 28.2% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 58.1% magenta, 0% yellow and 32.5% black. It has a hue angle of 215.5 degrees, a saturation of 96.6% and a lightness of 34.3%. #0348ac color hex could be obtained by blending #0690ff with #000059. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 28
- B 67
RGB color chart
- C 98
- M 58
- Y 0
- K 33
CMYK color chart

● #0348ac color description : Dark blue.

The hexadecimal color #0348ac has RGB values of R:3, G:72, B:172 and CMYK values of C:0.98, M:0.58, Y:0, K:0.33. Its decimal value is 215212.

Hex triplet	0348ac	`#0348ac`
RGB Decimal	3, 72, 172	`rgb(3,72,172)`
RGB Percent	1.2, 28.2, 67.5	`rgb(1.2%,28.2%,67.5%)`
CMYK	98, 58, 0, 33
HSL	215.5°, 96.6, 34.3	`hsl(215.5,96.6%,34.3%)`
HSV (or HSB)	215.5°, 98.3, 67.5
Web Safe	003399	`#003399`

CIE-LAB	33.204, 22.37, -58.386
XYZ	9.8, 7.632, 39.984
xyY	0.171, 0.133, 7.632
CIE-LCH	33.204, 62.525, 290.964
CIE-LUV	33.204, -16.118, -80.762
Hunter-Lab	27.626, 14.975, -66.475
Binary	00000011, 01001000, 10101100

#0348ac
```
#0348ac rgb(3,72,172)
```
#ac6703
```
#ac6703 rgb(172,103,3)
```

Complementary Color

#039dac
```
#039dac rgb(3,157,172)
```
#0348ac
```
#0348ac rgb(3,72,172)
```
#1303ac
```
#1303ac rgb(19,3,172)
```

Analogous Color

#9dac03
```
#9dac03 rgb(157,172,3)
```
#0348ac
```
#0348ac rgb(3,72,172)
```
#ac1203
```
#ac1203 rgb(172,18,3)
```

Split Complementary Color

#48ac03
```
#48ac03 rgb(72,172,3)
```
#0348ac
```
#0348ac rgb(3,72,172)
```
#ac0348
```
#ac0348 rgb(172,3,72)
```

Triadic Color

#03ac67
```
#03ac67 rgb(3,172,103)
```
#0348ac
```
#0348ac rgb(3,72,172)
```
#ac0348
```
#ac0348 rgb(172,3,72)
```
#ac6703
```
#ac6703 rgb(172,103,3)
```

Tetradic Color

#022961
```
#022961 rgb(2,41,97)
```
#02337a
```
#02337a rgb(2,51,122)
```
#033e93
```
#033e93 rgb(3,62,147)
```
#0348ac
```
#0348ac rgb(3,72,172)
```
#0352c5
```
#0352c5 rgb(3,82,197)
```
#045dde
```
#045dde rgb(4,93,222)
```
#0467f7
```
#0467f7 rgb(4,103,247)
```

Monochromatic Color

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

#0372ac
```
#0372ac rgb(3,114,172)
```
#0364ac
```
#0364ac rgb(3,100,172)
```
#0356ac
```
#0356ac rgb(3,86,172)
```
#0348ac
```
#0348ac rgb(3,72,172)
```
#033aac
```
#033aac rgb(3,58,172)
```
#032cac
```
#032cac rgb(3,44,172)
```
#031eac
```
#031eac rgb(3,30,172)
```

Similar Colors

Text with hexadecimal color #0348ac

This text has a font color of #0348ac.

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

#0348ac background color

This paragraph has a background color of #0348ac.

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

#0348ac border color

This element has a border color of #0348ac.

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

CSS codes

.text {color:#0348ac;}

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

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

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

#000712
```
#000712 rgb(0,7,18)
```
#011025
```
#011025 rgb(1,16,37)
```
#011838
```
#011838 rgb(1,24,56)
```
#01204c
```
#01204c rgb(1,32,76)
```
#02285f
```
#02285f rgb(2,40,95)
```
#023072
```
#023072 rgb(2,48,114)
```
#023885
```
#023885 rgb(2,56,133)
```
#034099
```
#034099 rgb(3,64,153)
```
#0348ac
```
#0348ac rgb(3,72,172)
```
#0350bf
```
#0350bf rgb(3,80,191)
```
#0458d3
```
#0458d3 rgb(4,88,211)
```
#0460e6
```
#0460e6 rgb(4,96,230)
```
#0468f9
```
#0468f9 rgb(4,104,249)
```

Shade Color Variation

#1674fb
```
#1674fb rgb(22,116,251)
```
#297ffb
```
#297ffb rgb(41,127,251)
```
#3d8bfc
```
#3d8bfc rgb(61,139,252)
```
#5096fc
```
#5096fc rgb(80,150,252)
```
#63a2fc
```
#63a2fc rgb(99,162,252)
```
#77adfd
```
#77adfd rgb(119,173,253)
```
#8ab9fd
```
#8ab9fd rgb(138,185,253)
```
#9dc4fd
```
#9dc4fd rgb(157,196,253)
```
#b0d0fe
```
#b0d0fe rgb(176,208,254)
```
#c4dbfe
```
#c4dbfe rgb(196,219,254)
```
#d7e7fe
```
#d7e7fe rgb(215,231,254)
```
#eaf3ff
```
#eaf3ff rgb(234,243,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#54575b
```
#54575b rgb(84,87,91)
```
#4d5662
```
#4d5662 rgb(77,86,98)
```
#465469
```
#465469 rgb(70,84,105)
```
#40536f
```
#40536f rgb(64,83,111)
```
#395276
```
#395276 rgb(57,82,118)
```
#32517d
```
#32517d rgb(50,81,125)
```
#2b4f84
```
#2b4f84 rgb(43,79,132)
```
#254e8a
```
#254e8a rgb(37,78,138)
```
#1e4d91
```
#1e4d91 rgb(30,77,145)
```
#174c98
```
#174c98 rgb(23,76,152)
```
#104a9f
```
#104a9f rgb(16,74,159)
```
#0a49a5
```
#0a49a5 rgb(10,73,165)
```
#0348ac
```
#0348ac rgb(3,72,172)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#334155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0054a5 Protanopia 1% of men
#005990 Deuteranopia 1% of men
#005f64 Tritanopia 0.001% of the population

Trichromacy

#0150a7 Protanomaly 1% of men, 0.01% of women
#01539a Deuteranomaly 6% of men, 0.4% of women
#01577e Tritanomaly 0.01% of the population

#0348ac hex color

#0348ac Color Information

#0348ac Color Conversion

Color Schemes with #0348ac

Alternatives to #0348ac

#0348ac Preview

Shades and Tints of #0348ac

Tones of #0348ac

Color Blindness Simulator