#0348fc hex color

In a RGB color space, hex #0348fc is composed of 1.2% red, 28.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 71.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 223.4 degrees, a saturation of 97.6% and a lightness of 50%. #0348fc color hex could be obtained by blending #0690ff with #0000f9. Closest websafe color is: #0033ff.

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

● #0348fc color description : Vivid blue.

The hexadecimal color #0348fc has RGB values of R:3, G:72, B:252 and CMYK values of C:0.99, M:0.71, Y:0, K:0.01. Its decimal value is 215292.

Hex triplet	0348fc	`#0348fc`
RGB Decimal	3, 72, 252	`rgb(3,72,252)`
RGB Percent	1.2, 28.2, 98.8	`rgb(1.2%,28.2%,98.8%)`
CMYK	99, 71, 0, 1
HSL	223.4°, 97.6, 50	`hsl(223.4,97.6%,50%)`
HSV (or HSB)	223.4°, 98.8, 98.8
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.704, 52.594, -92.194
XYZ	19.922, 11.681, 93.295
xyY	0.16, 0.094, 11.681
CIE-LCH	40.704, 106.141, 299.703
CIE-LUV	40.704, -15.918, -130.714
Hunter-Lab	34.177, 44.239, -137.923
Binary	00000011, 01001000, 11111100

#0348fc
```
#0348fc rgb(3,72,252)
```
#fcb703
```
#fcb703 rgb(252,183,3)
```

Complementary Color

#03c5fc
```
#03c5fc rgb(3,197,252)
```
#0348fc
```
#0348fc rgb(3,72,252)
```
#3b03fc
```
#3b03fc rgb(59,3,252)
```

Analogous Color

#c5fc03
```
#c5fc03 rgb(197,252,3)
```
#0348fc
```
#0348fc rgb(3,72,252)
```
#fc3b03
```
#fc3b03 rgb(252,59,3)
```

Split Complementary Color

#48fc03
```
#48fc03 rgb(72,252,3)
```
#0348fc
```
#0348fc rgb(3,72,252)
```
#fc0348
```
#fc0348 rgb(252,3,72)
```

Triadic Color

#03fcb7
```
#03fcb7 rgb(3,252,183)
```
#0348fc
```
#0348fc rgb(3,72,252)
```
#fc0348
```
#fc0348 rgb(252,3,72)
```
#fcb703
```
#fcb703 rgb(252,183,3)
```

Tetradic Color

#0232b0
```
#0232b0 rgb(2,50,176)
```
#023aca
```
#023aca rgb(2,58,202)
```
#0341e3
```
#0341e3 rgb(3,65,227)
```
#0348fc
```
#0348fc rgb(3,72,252)
```
#1c5afc
```
#1c5afc rgb(28,90,252)
```
#356dfd
```
#356dfd rgb(53,109,253)
```
#4f7ffd
```
#4f7ffd rgb(79,127,253)
```

Monochromatic Color

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

#0386fc
```
#0386fc rgb(3,134,252)
```
#0372fc
```
#0372fc rgb(3,114,252)
```
#035dfc
```
#035dfc rgb(3,93,252)
```
#0348fc
```
#0348fc rgb(3,72,252)
```
#0333fc
```
#0333fc rgb(3,51,252)
```
#031efc
```
#031efc rgb(3,30,252)
```
#030afc
```
#030afc rgb(3,10,252)
```

Similar Colors

Text with hexadecimal color #0348fc

This text has a font color of #0348fc.

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

#0348fc background color

This paragraph has a background color of #0348fc.

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

#0348fc border color

This element has a border color of #0348fc.

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

CSS codes

.text {color:#0348fc;}

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

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

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

#000613
```
#000613 rgb(0,6,19)
```
#000b27
```
#000b27 rgb(0,11,39)
```
#01113a
```
#01113a rgb(1,17,58)
```
#01164e
```
#01164e rgb(1,22,78)
```
#011c61
```
#011c61 rgb(1,28,97)
```
#012174
```
#012174 rgb(1,33,116)
```
#022788
```
#022788 rgb(2,39,136)
```
#022c9b
```
#022c9b rgb(2,44,155)
```
#0232ae
```
#0232ae rgb(2,50,174)
```
#0237c2
```
#0237c2 rgb(2,55,194)
```
#033dd5
```
#033dd5 rgb(3,61,213)
```
#0342e9
```
#0342e9 rgb(3,66,233)
```
#0348fc
```
#0348fc rgb(3,72,252)
```

Shade Color Variation

#1656fc
```
#1656fc rgb(22,86,252)
```
#2a64fc
```
#2a64fc rgb(42,100,252)
```
#3d72fd
```
#3d72fd rgb(61,114,253)
```
#5180fd
```
#5180fd rgb(81,128,253)
```
#648efd
```
#648efd rgb(100,142,253)
```
#779cfd
```
#779cfd rgb(119,156,253)
```
#8babfe
```
#8babfe rgb(139,171,254)
```
#9eb9fe
```
#9eb9fe rgb(158,185,254)
```
#b1c7fe
```
#b1c7fe rgb(177,199,254)
```
#c5d5fe
```
#c5d5fe rgb(197,213,254)
```
#d8e3ff
```
#d8e3ff rgb(216,227,255)
```
#ecf1ff
```
#ecf1ff rgb(236,241,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#797c86
```
#797c86 rgb(121,124,134)
```
#6f7890
```
#6f7890 rgb(111,120,144)
```
#65749a
```
#65749a rgb(101,116,154)
```
#5b6fa4
```
#5b6fa4 rgb(91,111,164)
```
#516bae
```
#516bae rgb(81,107,174)
```
#4867b7
```
#4867b7 rgb(72,103,183)
```
#3e62c1
```
#3e62c1 rgb(62,98,193)
```
#345ecb
```
#345ecb rgb(52,94,203)
```
#2a59d5
```
#2a59d5 rgb(42,89,213)
```
#2055df
```
#2055df rgb(32,85,223)
```
#1751e8
```
#1751e8 rgb(23,81,232)
```
#0d4cf2
```
#0d4cf2 rgb(13,76,242)
```
#0348fc
```
#0348fc rgb(3,72,252)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#3a486c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#015ad8 Protanomaly 1% of men, 0.01% of women
#015ec8 Deuteranomaly 6% of men, 0.4% of women
#0163a7 Tritanomaly 0.01% of the population

#0348fc hex color

#0348fc Color Information

#0348fc Color Conversion

Color Schemes with #0348fc

Alternatives to #0348fc

#0348fc Preview

Shades and Tints of #0348fc

Tones of #0348fc

Color Blindness Simulator