#0348d3 hex color

In a RGB color space, hex #0348d3 is composed of 1.2% red, 28.2% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 65.9% magenta, 0% yellow and 17.3% black. It has a hue angle of 220.1 degrees, a saturation of 97.2% and a lightness of 42%. #0348d3 color hex could be obtained by blending #0690ff with #0000a7. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 28
- B 83
RGB color chart
- C 99
- M 66
- Y 0
- K 17
CMYK color chart

● #0348d3 color description : Strong blue.

The hexadecimal color #0348d3 has RGB values of R:3, G:72, B:211 and CMYK values of C:0.99, M:0.66, Y:0, K:0.17. Its decimal value is 215251.

Hex triplet	0348d3	`#0348d3`
RGB Decimal	3, 72, 211	`rgb(3,72,211)`
RGB Percent	1.2, 28.2, 82.7	`rgb(1.2%,28.2%,82.7%)`
CMYK	99, 66, 0, 17
HSL	220.1°, 97.2, 42	`hsl(220.1,97.2%,42%)`
HSV (or HSB)	220.1°, 98.6, 82.7
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.661, 37.763, -75.585
XYZ	14.11, 9.356, 62.687
xyY	0.164, 0.109, 9.356
CIE-LCH	36.661, 84.494, 296.547
CIE-LUV	36.661, -15.753, -106.038
Hunter-Lab	30.588, 28.815, -100.098
Binary	00000011, 01001000, 11010011

#0348d3
```
#0348d3 rgb(3,72,211)
```
#d38e03
```
#d38e03 rgb(211,142,3)
```

Complementary Color

#03b0d3
```
#03b0d3 rgb(3,176,211)
```
#0348d3
```
#0348d3 rgb(3,72,211)
```
#2603d3
```
#2603d3 rgb(38,3,211)
```

Analogous Color

#b0d303
```
#b0d303 rgb(176,211,3)
```
#0348d3
```
#0348d3 rgb(3,72,211)
```
#d32603
```
#d32603 rgb(211,38,3)
```

Split Complementary Color

#48d303
```
#48d303 rgb(72,211,3)
```
#0348d3
```
#0348d3 rgb(3,72,211)
```
#d30348
```
#d30348 rgb(211,3,72)
```

Triadic Color

#03d38e
```
#03d38e rgb(3,211,142)
```
#0348d3
```
#0348d3 rgb(3,72,211)
```
#d30348
```
#d30348 rgb(211,3,72)
```
#d38e03
```
#d38e03 rgb(211,142,3)
```

Tetradic Color

#022e88
```
#022e88 rgb(2,46,136)
```
#0237a1
```
#0237a1 rgb(2,55,161)
```
#033fba
```
#033fba rgb(3,63,186)
```
#0348d3
```
#0348d3 rgb(3,72,211)
```
#0351ec
```
#0351ec rgb(3,81,236)
```
#0d5cfc
```
#0d5cfc rgb(13,92,252)
```
#276dfc
```
#276dfc rgb(39,109,252)
```

Monochromatic Color

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

#037cd3
```
#037cd3 rgb(3,124,211)
```
#036bd3
```
#036bd3 rgb(3,107,211)
```
#0359d3
```
#0359d3 rgb(3,89,211)
```
#0348d3
```
#0348d3 rgb(3,72,211)
```
#0337d3
```
#0337d3 rgb(3,55,211)
```
#0325d3
```
#0325d3 rgb(3,37,211)
```
#0314d3
```
#0314d3 rgb(3,20,211)
```

Similar Colors

Text with hexadecimal color #0348d3

This text has a font color of #0348d3.

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

#0348d3 background color

This paragraph has a background color of #0348d3.

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

#0348d3 border color

This element has a border color of #0348d3.

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

CSS codes

.text {color:#0348d3;}

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

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

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

#000612
```
#000612 rgb(0,6,18)
```
#010d25
```
#010d25 rgb(1,13,37)
```
#011338
```
#011338 rgb(1,19,56)
```
#011a4c
```
#011a4c rgb(1,26,76)
```
#01205f
```
#01205f rgb(1,32,95)
```
#022772
```
#022772 rgb(2,39,114)
```
#022e86
```
#022e86 rgb(2,46,134)
```
#023499
```
#023499 rgb(2,52,153)
```
#023bac
```
#023bac rgb(2,59,172)
```
#0341c0
```
#0341c0 rgb(3,65,192)
```
#0348d3
```
#0348d3 rgb(3,72,211)
```
#034fe6
```
#034fe6 rgb(3,79,230)
```
#0455fa
```
#0455fa rgb(4,85,250)
```

Shade Color Variation

#1562fc
```
#1562fc rgb(21,98,252)
```
#296ffc
```
#296ffc rgb(41,111,252)
```
#3c7cfc
```
#3c7cfc rgb(60,124,252)
```
#4f89fd
```
#4f89fd rgb(79,137,253)
```
#6396fd
```
#6396fd rgb(99,150,253)
```
#76a3fd
```
#76a3fd rgb(118,163,253)
```
#89b0fd
```
#89b0fd rgb(137,176,253)
```
#9dbdfe
```
#9dbdfe rgb(157,189,254)
```
#b0cafe
```
#b0cafe rgb(176,202,254)
```
#c3d7fe
```
#c3d7fe rgb(195,215,254)
```
#d7e4fe
```
#d7e4fe rgb(215,228,254)
```
#eaf1ff
```
#eaf1ff rgb(234,241,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#666970
```
#666970 rgb(102,105,112)
```
#5e6678
```
#5e6678 rgb(94,102,120)
```
#556481
```
#556481 rgb(85,100,129)
```
#4d6189
```
#4d6189 rgb(77,97,137)
```
#455e91
```
#455e91 rgb(69,94,145)
```
#3d5b99
```
#3d5b99 rgb(61,91,153)
```
#3459a2
```
#3459a2 rgb(52,89,162)
```
#2c56aa
```
#2c56aa rgb(44,86,170)
```
#2453b2
```
#2453b2 rgb(36,83,178)
```
#1c50ba
```
#1c50ba rgb(28,80,186)
```
#134ec3
```
#134ec3 rgb(19,78,195)
```
#0b4bcb
```
#0b4bcb rgb(11,75,203)
```
#0348d3
```
#0348d3 rgb(3,72,211)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#364460 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619b Deuteranopia 1% of men
#00686d Tritanopia 0.001% of the population

Trichromacy

#0154bf Protanomaly 1% of men, 0.01% of women
#0158af Deuteranomaly 6% of men, 0.4% of women
#015c92 Tritanomaly 0.01% of the population

#0348d3 hex color

#0348d3 Color Information

#0348d3 Color Conversion

Color Schemes with #0348d3

Alternatives to #0348d3

#0348d3 Preview

Shades and Tints of #0348d3

Tones of #0348d3

Color Blindness Simulator