#0348ae hex color

In a RGB color space, hex #0348ae is composed of 1.2% red, 28.2% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 58.6% magenta, 0% yellow and 31.8% black. It has a hue angle of 215.8 degrees, a saturation of 96.6% and a lightness of 34.7%. #0348ae color hex could be obtained by blending #0690ff with #00005d. Closest websafe color is: #003399.

♥
- f
- t
- g
- R 1
- G 28
- B 68
RGB color chart
- C 98
- M 59
- Y 0
- K 32
CMYK color chart

● #0348ae color description : Dark blue.

The hexadecimal color #0348ae has RGB values of R:3, G:72, B:174 and CMYK values of C:0.98, M:0.59, Y:0, K:0.32. Its decimal value is 215214.

Hex triplet	0348ae	`#0348ae`
RGB Decimal	3, 72, 174	`rgb(3,72,174)`
RGB Percent	1.2, 28.2, 68.2	`rgb(1.2%,28.2%,68.2%)`
CMYK	98, 59, 0, 32
HSL	215.8°, 96.6, 34.7	`hsl(215.8,96.6%,34.7%)`
HSV (or HSB)	215.8°, 98.3, 68.2
Web Safe	003399	`#003399`

CIE-LAB	33.37, 23.189, -59.307
XYZ	9.993, 7.709, 41.003
xyY	0.17, 0.131, 7.709
CIE-LCH	33.37, 63.679, 291.355
CIE-LUV	33.37, -16.083, -82.115
Hunter-Lab	27.765, 15.656, -68.122
Binary	00000011, 01001000, 10101110

#0348ae
```
#0348ae rgb(3,72,174)
```
#ae6903
```
#ae6903 rgb(174,105,3)
```

Complementary Color

#039eae
```
#039eae rgb(3,158,174)
```
#0348ae
```
#0348ae rgb(3,72,174)
```
#1303ae
```
#1303ae rgb(19,3,174)
```

Analogous Color

#9eae03
```
#9eae03 rgb(158,174,3)
```
#0348ae
```
#0348ae rgb(3,72,174)
```
#ae1303
```
#ae1303 rgb(174,19,3)
```

Split Complementary Color

#48ae03
```
#48ae03 rgb(72,174,3)
```
#0348ae
```
#0348ae rgb(3,72,174)
```
#ae0348
```
#ae0348 rgb(174,3,72)
```

Triadic Color

#03ae69
```
#03ae69 rgb(3,174,105)
```
#0348ae
```
#0348ae rgb(3,72,174)
```
#ae0348
```
#ae0348 rgb(174,3,72)
```
#ae6903
```
#ae6903 rgb(174,105,3)
```

Tetradic Color

#022963
```
#022963 rgb(2,41,99)
```
#02337c
```
#02337c rgb(2,51,124)
```
#033e95
```
#033e95 rgb(3,62,149)
```
#0348ae
```
#0348ae rgb(3,72,174)
```
#0352c7
```
#0352c7 rgb(3,82,199)
```
#045de0
```
#045de0 rgb(4,93,224)
```
#0467f9
```
#0467f9 rgb(4,103,249)
```

Monochromatic Color

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

#0373ae
```
#0373ae rgb(3,115,174)
```
#0365ae
```
#0365ae rgb(3,101,174)
```
#0356ae
```
#0356ae rgb(3,86,174)
```
#0348ae
```
#0348ae rgb(3,72,174)
```
#033aae
```
#033aae rgb(3,58,174)
```
#032cae
```
#032cae rgb(3,44,174)
```
#031dae
```
#031dae rgb(3,29,174)
```

Similar Colors

Text with hexadecimal color #0348ae

This text has a font color of #0348ae.

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

#0348ae background color

This paragraph has a background color of #0348ae.

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

#0348ae border color

This element has a border color of #0348ae.

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

CSS codes

.text {color:#0348ae;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000814
```
#000814 rgb(0,8,20)
```
#011027
```
#011027 rgb(1,16,39)
```
#01183a
```
#01183a rgb(1,24,58)
```
#01204e
```
#01204e rgb(1,32,78)
```
#022861
```
#022861 rgb(2,40,97)
```
#023074
```
#023074 rgb(2,48,116)
```
#023887
```
#023887 rgb(2,56,135)
```
#03409b
```
#03409b rgb(3,64,155)
```
#0348ae
```
#0348ae rgb(3,72,174)
```
#0350c1
```
#0350c1 rgb(3,80,193)
```
#0458d5
```
#0458d5 rgb(4,88,213)
```
#0460e8
```
#0460e8 rgb(4,96,232)
```

Shade Color Variation

#0568fb
```
#0568fb rgb(5,104,251)
```
#1874fb
```
#1874fb rgb(24,116,251)
```
#2b7ffb
```
#2b7ffb rgb(43,127,251)
```
#3f8bfc
```
#3f8bfc rgb(63,139,252)
```
#5297fc
```
#5297fc rgb(82,151,252)
```
#65a2fc
```
#65a2fc rgb(101,162,252)
```
#78aefd
```
#78aefd rgb(120,174,253)
```
#8cb9fd
```
#8cb9fd rgb(140,185,253)
```
#9fc5fd
```
#9fc5fd rgb(159,197,253)
```
#b2d1fe
```
#b2d1fe rgb(178,209,254)
```
#c6dcfe
```
#c6dcfe rgb(198,220,254)
```
#d9e8fe
```
#d9e8fe rgb(217,232,254)
```
#ecf4ff
```
#ecf4ff rgb(236,244,255)
```

Tint Color Variation

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

#55585c
```
#55585c rgb(85,88,92)
```
#4e5663
```
#4e5663 rgb(78,86,99)
```
#47556a
```
#47556a rgb(71,85,106)
```
#405471
```
#405471 rgb(64,84,113)
```
#395378
```
#395378 rgb(57,83,120)
```
#33517e
```
#33517e rgb(51,81,126)
```
#2c5085
```
#2c5085 rgb(44,80,133)
```
#254f8c
```
#254f8c rgb(37,79,140)
```
#1e4d93
```
#1e4d93 rgb(30,77,147)
```
#174c9a
```
#174c9a rgb(23,76,154)
```
#114ba0
```
#114ba0 rgb(17,75,160)
```
#0a49a7
```
#0a49a7 rgb(10,73,167)
```
#0348ae
```
#0348ae rgb(3,72,174)
```

Tone Color Variation

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

#0054a6 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#0150a9 Protanomaly 1% of men, 0.01% of women
#01539b Deuteranomaly 6% of men, 0.4% of women
#01577f Tritanomaly 0.01% of the population

#0348ae hex color

#0348ae Color Information

#0348ae Color Conversion

Color Schemes with #0348ae

Alternatives to #0348ae

#0348ae Preview

Shades and Tints of #0348ae

Tones of #0348ae

Color Blindness Simulator