#0348b9 hex color

In a RGB color space, hex #0348b9 is composed of 1.2% red, 28.2% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 61.1% magenta, 0% yellow and 27.5% black. It has a hue angle of 217.3 degrees, a saturation of 96.8% and a lightness of 36.9%. #0348b9 color hex could be obtained by blending #0690ff with #000073. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 28
- B 73
RGB color chart
- C 98
- M 61
- Y 0
- K 27
CMYK color chart

● #0348b9 color description : Strong blue.

The hexadecimal color #0348b9 has RGB values of R:3, G:72, B:185 and CMYK values of C:0.98, M:0.61, Y:0, K:0.27. Its decimal value is 215225.

Hex triplet	0348b9	`#0348b9`
RGB Decimal	3, 72, 185	`rgb(3,72,185)`
RGB Percent	1.2, 28.2, 72.5	`rgb(1.2%,28.2%,72.5%)`
CMYK	98, 61, 0, 27
HSL	217.3°, 96.8, 36.9	`hsl(217.3,96.8%,36.9%)`
HSV (or HSB)	217.3°, 98.4, 72.5
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.305, 27.638, -64.293
XYZ	11.11, 8.156, 46.885
xyY	0.168, 0.123, 8.156
CIE-LCH	34.305, 69.982, 293.261
CIE-LUV	34.305, -15.926, -89.436
Hunter-Lab	28.559, 19.464, -77.346
Binary	00000011, 01001000, 10111001

#0348b9
```
#0348b9 rgb(3,72,185)
```
#b97403
```
#b97403 rgb(185,116,3)
```

Complementary Color

#03a3b9
```
#03a3b9 rgb(3,163,185)
```
#0348b9
```
#0348b9 rgb(3,72,185)
```
#1903b9
```
#1903b9 rgb(25,3,185)
```

Analogous Color

#a3b903
```
#a3b903 rgb(163,185,3)
```
#0348b9
```
#0348b9 rgb(3,72,185)
```
#b91903
```
#b91903 rgb(185,25,3)
```

Split Complementary Color

#48b903
```
#48b903 rgb(72,185,3)
```
#0348b9
```
#0348b9 rgb(3,72,185)
```
#b90348
```
#b90348 rgb(185,3,72)
```

Triadic Color

#03b974
```
#03b974 rgb(3,185,116)
```
#0348b9
```
#0348b9 rgb(3,72,185)
```
#b90348
```
#b90348 rgb(185,3,72)
```
#b97403
```
#b97403 rgb(185,116,3)
```

Tetradic Color

#022b6e
```
#022b6e rgb(2,43,110)
```
#023487
```
#023487 rgb(2,52,135)
```
#033ea0
```
#033ea0 rgb(3,62,160)
```
#0348b9
```
#0348b9 rgb(3,72,185)
```
#0352d2
```
#0352d2 rgb(3,82,210)
```
#045ceb
```
#045ceb rgb(4,92,235)
```
#0d68fb
```
#0d68fb rgb(13,104,251)
```

Monochromatic Color

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

#0376b9
```
#0376b9 rgb(3,118,185)
```
#0366b9
```
#0366b9 rgb(3,102,185)
```
#0357b9
```
#0357b9 rgb(3,87,185)
```
#0348b9
```
#0348b9 rgb(3,72,185)
```
#0339b9
```
#0339b9 rgb(3,57,185)
```
#032ab9
```
#032ab9 rgb(3,42,185)
```
#031bb9
```
#031bb9 rgb(3,27,185)
```

Similar Colors

Text with hexadecimal color #0348b9

This text has a font color of #0348b9.

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

#0348b9 background color

This paragraph has a background color of #0348b9.

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

#0348b9 border color

This element has a border color of #0348b9.

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

CSS codes

.text {color:#0348b9;}

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

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

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

#00040b
```
#00040b rgb(0,4,11)
```
#000c1f
```
#000c1f rgb(0,12,31)
```
#011332
```
#011332 rgb(1,19,50)
```
#011b45
```
#011b45 rgb(1,27,69)
```
#012258
```
#012258 rgb(1,34,88)
```
#022a6c
```
#022a6c rgb(2,42,108)
```
#02317f
```
#02317f rgb(2,49,127)
```
#023992
```
#023992 rgb(2,57,146)
```
#0340a6
```
#0340a6 rgb(3,64,166)
```
#0348b9
```
#0348b9 rgb(3,72,185)
```
#0350cc
```
#0350cc rgb(3,80,204)
```
#0457e0
```
#0457e0 rgb(4,87,224)
```
#045ff3
```
#045ff3 rgb(4,95,243)
```

Shade Color Variation

#0f69fb
```
#0f69fb rgb(15,105,251)
```
#2375fb
```
#2375fb rgb(35,117,251)
```
#3681fc
```
#3681fc rgb(54,129,252)
```
#498dfc
```
#498dfc rgb(73,141,252)
```
#5d99fc
```
#5d99fc rgb(93,153,252)
```
#70a5fd
```
#70a5fd rgb(112,165,253)
```
#83b1fd
```
#83b1fd rgb(131,177,253)
```
#96bdfd
```
#96bdfd rgb(150,189,253)
```
#aacafe
```
#aacafe rgb(170,202,254)
```
#bdd6fe
```
#bdd6fe rgb(189,214,254)
```
#d0e2fe
```
#d0e2fe rgb(208,226,254)
```
#e4eeff
```
#e4eeff rgb(228,238,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#5a5d62
```
#5a5d62 rgb(90,93,98)
```
#535b69
```
#535b69 rgb(83,91,105)
```
#4b5971
```
#4b5971 rgb(75,89,113)
```
#445878
```
#445878 rgb(68,88,120)
```
#3d567f
```
#3d567f rgb(61,86,127)
```
#365486
```
#365486 rgb(54,84,134)
```
#2e528e
```
#2e528e rgb(46,82,142)
```
#275195
```
#275195 rgb(39,81,149)
```
#204f9c
```
#204f9c rgb(32,79,156)
```
#194da3
```
#194da3 rgb(25,77,163)
```
#114bab
```
#114bab rgb(17,75,171)
```
#0a4ab2
```
#0a4ab2 rgb(10,74,178)
```
#0348b9
```
#0348b9 rgb(3,72,185)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#344258 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006267 Tritanopia 0.001% of the population

Trichromacy

#0151af Protanomaly 1% of men, 0.01% of women
#0154a1 Deuteranomaly 6% of men, 0.4% of women
#015885 Tritanomaly 0.01% of the population

#0348b9 hex color

#0348b9 Color Information

#0348b9 Color Conversion

Color Schemes with #0348b9

Alternatives to #0348b9

#0348b9 Preview

Shades and Tints of #0348b9

Tones of #0348b9

Color Blindness Simulator