#0348fa hex color

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

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

● #0348fa color description : Vivid blue.

The hexadecimal color #0348fa has RGB values of R:3, G:72, B:250 and CMYK values of C:0.99, M:0.71, Y:0, K:0.02. Its decimal value is 215290.

Hex triplet	0348fa	`#0348fa`
RGB Decimal	3, 72, 250	`rgb(3,72,250)`
RGB Percent	1.2, 28.2, 98	`rgb(1.2%,28.2%,98%)`
CMYK	99, 71, 0, 2
HSL	223.2°, 97.6, 49.6	`hsl(223.2,97.6%,49.6%)`
HSV (or HSB)	223.2°, 98.8, 98
Web Safe	0033ff	`#0033ff`

CIE-LAB	40.499, 51.901, -91.414
XYZ	19.607, 11.555, 91.634
xyY	0.16, 0.094, 11.555
CIE-LCH	40.499, 105.12, 299.586
CIE-LUV	40.499, -15.9, -129.543
Hunter-Lab	33.992, 43.473, -136.037
Binary	00000011, 01001000, 11111010

#0348fa
```
#0348fa rgb(3,72,250)
```
#fab503
```
#fab503 rgb(250,181,3)
```

Complementary Color

#03c4fa
```
#03c4fa rgb(3,196,250)
```
#0348fa
```
#0348fa rgb(3,72,250)
```
#3a03fa
```
#3a03fa rgb(58,3,250)
```

Analogous Color

#c4fa03
```
#c4fa03 rgb(196,250,3)
```
#0348fa
```
#0348fa rgb(3,72,250)
```
#fa3903
```
#fa3903 rgb(250,57,3)
```

Split Complementary Color

#48fa03
```
#48fa03 rgb(72,250,3)
```
#0348fa
```
#0348fa rgb(3,72,250)
```
#fa0348
```
#fa0348 rgb(250,3,72)
```

Triadic Color

#03fab5
```
#03fab5 rgb(3,250,181)
```
#0348fa
```
#0348fa rgb(3,72,250)
```
#fa0348
```
#fa0348 rgb(250,3,72)
```
#fab503
```
#fab503 rgb(250,181,3)
```

Tetradic Color

#0232ae
```
#0232ae rgb(2,50,174)
```
#0239c8
```
#0239c8 rgb(2,57,200)
```
#0341e1
```
#0341e1 rgb(3,65,225)
```
#0348fa
```
#0348fa rgb(3,72,250)
```
#1a59fc
```
#1a59fc rgb(26,89,252)
```
#336cfd
```
#336cfd rgb(51,108,253)
```
#4d7efd
```
#4d7efd rgb(77,126,253)
```

Monochromatic Color

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

#0386fa
```
#0386fa rgb(3,134,250)
```
#0371fa
```
#0371fa rgb(3,113,250)
```
#035dfa
```
#035dfa rgb(3,93,250)
```
#0348fa
```
#0348fa rgb(3,72,250)
```
#0333fa
```
#0333fa rgb(3,51,250)
```
#031ffa
```
#031ffa rgb(3,31,250)
```
#030afa
```
#030afa rgb(3,10,250)
```

Similar Colors

Text with hexadecimal color #0348fa

This text has a font color of #0348fa.

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

#0348fa background color

This paragraph has a background color of #0348fa.

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

#0348fa border color

This element has a border color of #0348fa.

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

CSS codes

.text {color:#0348fa;}

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

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

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

#000511
```
#000511 rgb(0,5,17)
```
#000b25
```
#000b25 rgb(0,11,37)
```
#011038
```
#011038 rgb(1,16,56)
```
#01164c
```
#01164c rgb(1,22,76)
```
#011b5f
```
#011b5f rgb(1,27,95)
```
#012172
```
#012172 rgb(1,33,114)
```
#022786
```
#022786 rgb(2,39,134)
```
#022c99
```
#022c99 rgb(2,44,153)
```
#0232ac
```
#0232ac rgb(2,50,172)
```
#0237c0
```
#0237c0 rgb(2,55,192)
```
#033dd3
```
#033dd3 rgb(3,61,211)
```
#0342e7
```
#0342e7 rgb(3,66,231)
```
#0348fa
```
#0348fa rgb(3,72,250)
```

Shade Color Variation

#1455fc
```
#1455fc rgb(20,85,252)
```
#2863fc
```
#2863fc rgb(40,99,252)
```
#3b71fd
```
#3b71fd rgb(59,113,253)
```
#4f7ffd
```
#4f7ffd rgb(79,127,253)
```
#628dfd
```
#628dfd rgb(98,141,253)
```
#759bfd
```
#759bfd rgb(117,155,253)
```
#89a9fe
```
#89a9fe rgb(137,169,254)
```
#9cb7fe
```
#9cb7fe rgb(156,183,254)
```
#afc5fe
```
#afc5fe rgb(175,197,254)
```
#c3d3fe
```
#c3d3fe rgb(195,211,254)
```
#d6e2ff
```
#d6e2ff rgb(214,226,255)
```
#eaf0ff
```
#eaf0ff rgb(234,240,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#787c85
```
#787c85 rgb(120,124,133)
```
#6e778f
```
#6e778f rgb(110,119,143)
```
#647399
```
#647399 rgb(100,115,153)
```
#5b6fa2
```
#5b6fa2 rgb(91,111,162)
```
#516aac
```
#516aac rgb(81,106,172)
```
#4766b6
```
#4766b6 rgb(71,102,182)
```
#3d62c0
```
#3d62c0 rgb(61,98,192)
```
#345dc9
```
#345dc9 rgb(52,93,201)
```
#2a59d3
```
#2a59d3 rgb(42,89,211)
```
#2055dd
```
#2055dd rgb(32,85,221)
```
#1651e7
```
#1651e7 rgb(22,81,231)
```
#0d4cf0
```
#0d4cf0 rgb(13,76,240)
```
#0348fa
```
#0348fa rgb(3,72,250)
```

Tone Color Variation

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

#0064c4 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#015ad7 Protanomaly 1% of men, 0.01% of women
#015ec6 Deuteranomaly 6% of men, 0.4% of women
#0162a6 Tritanomaly 0.01% of the population

#0348fa hex color

#0348fa Color Information

#0348fa Color Conversion

Color Schemes with #0348fa

Alternatives to #0348fa

#0348fa Preview

Shades and Tints of #0348fa

Tones of #0348fa

Color Blindness Simulator