#0348b0 hex color

In a RGB color space, hex #0348b0 is composed of 1.2% red, 28.2% green and 69% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 59.1% magenta, 0% yellow and 31% black. It has a hue angle of 216.1 degrees, a saturation of 96.6% and a lightness of 35.1%. #0348b0 color hex could be obtained by blending #0690ff with #000061. Closest websafe color is: #003399.

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

● #0348b0 color description : Dark blue.

The hexadecimal color #0348b0 has RGB values of R:3, G:72, B:176 and CMYK values of C:0.98, M:0.59, Y:0, K:0.31. Its decimal value is 215216.

Hex triplet	0348b0	`#0348b0`
RGB Decimal	3, 72, 176	`rgb(3,72,176)`
RGB Percent	1.2, 28.2, 69	`rgb(1.2%,28.2%,69%)`
CMYK	98, 59, 0, 31
HSL	216.1°, 96.6, 35.1	`hsl(216.1,96.6%,35.1%)`
HSV (or HSB)	216.1°, 98.3, 69
Web Safe	003399	`#003399`

CIE-LAB	33.537, 24.005, -60.224
XYZ	10.19, 7.788, 42.038
xyY	0.17, 0.13, 7.788
CIE-LCH	33.537, 64.831, 291.732
CIE-LUV	33.537, -16.05, -83.461
Hunter-Lab	27.907, 16.34, -69.779
Binary	00000011, 01001000, 10110000

#0348b0
```
#0348b0 rgb(3,72,176)
```
#b06b03
```
#b06b03 rgb(176,107,3)
```

Complementary Color

#039fb0
```
#039fb0 rgb(3,159,176)
```
#0348b0
```
#0348b0 rgb(3,72,176)
```
#1503b0
```
#1503b0 rgb(21,3,176)
```

Analogous Color

#9fb003
```
#9fb003 rgb(159,176,3)
```
#0348b0
```
#0348b0 rgb(3,72,176)
```
#b01403
```
#b01403 rgb(176,20,3)
```

Split Complementary Color

#48b003
```
#48b003 rgb(72,176,3)
```
#0348b0
```
#0348b0 rgb(3,72,176)
```
#b00348
```
#b00348 rgb(176,3,72)
```

Triadic Color

#03b06b
```
#03b06b rgb(3,176,107)
```
#0348b0
```
#0348b0 rgb(3,72,176)
```
#b00348
```
#b00348 rgb(176,3,72)
```
#b06b03
```
#b06b03 rgb(176,107,3)
```

Tetradic Color

#022965
```
#022965 rgb(2,41,101)
```
#02337e
```
#02337e rgb(2,51,126)
```
#033e97
```
#033e97 rgb(3,62,151)
```
#0348b0
```
#0348b0 rgb(3,72,176)
```
#0352c9
```
#0352c9 rgb(3,82,201)
```
#045de2
```
#045de2 rgb(4,93,226)
```
#0567fb
```
#0567fb rgb(5,103,251)
```

Monochromatic Color

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

#0373b0
```
#0373b0 rgb(3,115,176)
```
#0365b0
```
#0365b0 rgb(3,101,176)
```
#0356b0
```
#0356b0 rgb(3,86,176)
```
#0348b0
```
#0348b0 rgb(3,72,176)
```
#033ab0
```
#033ab0 rgb(3,58,176)
```
#032bb0
```
#032bb0 rgb(3,43,176)
```
#031db0
```
#031db0 rgb(3,29,176)
```

Similar Colors

Text with hexadecimal color #0348b0

This text has a font color of #0348b0.

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

#0348b0 background color

This paragraph has a background color of #0348b0.

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

#0348b0 border color

This element has a border color of #0348b0.

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

CSS codes

.text {color:#0348b0;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000916
```
#000916 rgb(0,9,22)
```
#011129
```
#011129 rgb(1,17,41)
```
#01193c
```
#01193c rgb(1,25,60)
```
#012150
```
#012150 rgb(1,33,80)
```
#022863
```
#022863 rgb(2,40,99)
```
#023076
```
#023076 rgb(2,48,118)
```
#023889
```
#023889 rgb(2,56,137)
```
#03409d
```
#03409d rgb(3,64,157)
```
#0348b0
```
#0348b0 rgb(3,72,176)
```
#0350c3
```
#0350c3 rgb(3,80,195)
```
#0458d7
```
#0458d7 rgb(4,88,215)
```
#0460ea
```
#0460ea rgb(4,96,234)
```

Shade Color Variation

#0768fb
```
#0768fb rgb(7,104,251)
```
#1a74fb
```
#1a74fb rgb(26,116,251)
```
#2d7ffb
```
#2d7ffb rgb(45,127,251)
```
#418bfc
```
#418bfc rgb(65,139,252)
```
#5497fc
```
#5497fc rgb(84,151,252)
```
#67a3fc
```
#67a3fc rgb(103,163,252)
```
#7aaefd
```
#7aaefd rgb(122,174,253)
```
#8ebafd
```
#8ebafd rgb(142,186,253)
```
#a1c6fd
```
#a1c6fd rgb(161,198,253)
```
#b4d2fe
```
#b4d2fe rgb(180,210,254)
```
#c8ddfe
```
#c8ddfe rgb(200,221,254)
```
#dbe9fe
```
#dbe9fe rgb(219,233,254)
```
#eef5ff
```
#eef5ff rgb(238,245,255)
```

Tint Color Variation

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

#56595d
```
#56595d rgb(86,89,93)
```
#4f5764
```
#4f5764 rgb(79,87,100)
```
#48566b
```
#48566b rgb(72,86,107)
```
#415572
```
#415572 rgb(65,85,114)
```
#3a5379
```
#3a5379 rgb(58,83,121)
```
#335280
```
#335280 rgb(51,82,128)
```
#2c5087
```
#2c5087 rgb(44,80,135)
```
#254f8e
```
#254f8e rgb(37,79,142)
```
#1f4e94
```
#1f4e94 rgb(31,78,148)
```
#184c9b
```
#184c9b rgb(24,76,155)
```
#114ba2
```
#114ba2 rgb(17,75,162)
```
#0a49a9
```
#0a49a9 rgb(10,73,169)
```
#0348b0
```
#0348b0 rgb(3,72,176)
```

Tone Color Variation

Below, you can see how #0348b0 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
#334156 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a7 Protanopia 1% of men
#005a91 Deuteranopia 1% of men
#006065 Tritanopia 0.001% of the population

Trichromacy

#0150aa Protanomaly 1% of men, 0.01% of women
#01539c Deuteranomaly 6% of men, 0.4% of women
#015780 Tritanomaly 0.01% of the population

#0348b0 hex color

#0348b0 Color Information

#0348b0 Color Conversion

Color Schemes with #0348b0

Alternatives to #0348b0

#0348b0 Preview

Shades and Tints of #0348b0

Tones of #0348b0

Color Blindness Simulator