#0348e5 hex color

In a RGB color space, hex #0348e5 is composed of 1.2% red, 28.2% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 68.6% magenta, 0% yellow and 10.2% black. It has a hue angle of 221.7 degrees, a saturation of 97.4% and a lightness of 45.5%. #0348e5 color hex could be obtained by blending #0690ff with #0000cb. Closest websafe color is: #0033cc.

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

● #0348e5 color description : Vivid blue.

The hexadecimal color #0348e5 has RGB values of R:3, G:72, B:229 and CMYK values of C:0.99, M:0.69, Y:0, K:0.1. Its decimal value is 215269.

Hex triplet	0348e5	`#0348e5`
RGB Decimal	3, 72, 229	`rgb(3,72,229)`
RGB Percent	1.2, 28.2, 89.8	`rgb(1.2%,28.2%,89.8%)`
CMYK	99, 69, 0, 10
HSL	221.7°, 97.4, 45.5	`hsl(221.7,97.4%,45.5%)`
HSV (or HSB)	221.7°, 98.7, 89.8
Web Safe	0033cc	`#0033cc`

CIE-LAB	38.393, 44.442, -83.041
XYZ	16.495, 10.31, 75.245
xyY	0.162, 0.101, 10.31
CIE-LCH	38.393, 94.186, 298.155
CIE-LUV	38.393, -15.769, -117.061
Hunter-Lab	32.109, 35.507, -116.466
Binary	00000011, 01001000, 11100101

#0348e5
```
#0348e5 rgb(3,72,229)
```
#e5a003
```
#e5a003 rgb(229,160,3)
```

Complementary Color

#03b9e5
```
#03b9e5 rgb(3,185,229)
```
#0348e5
```
#0348e5 rgb(3,72,229)
```
#2f03e5
```
#2f03e5 rgb(47,3,229)
```

Analogous Color

#b9e503
```
#b9e503 rgb(185,229,3)
```
#0348e5
```
#0348e5 rgb(3,72,229)
```
#e52f03
```
#e52f03 rgb(229,47,3)
```

Split Complementary Color

#48e503
```
#48e503 rgb(72,229,3)
```
#0348e5
```
#0348e5 rgb(3,72,229)
```
#e50348
```
#e50348 rgb(229,3,72)
```

Triadic Color

#03e5a0
```
#03e5a0 rgb(3,229,160)
```
#0348e5
```
#0348e5 rgb(3,72,229)
```
#e50348
```
#e50348 rgb(229,3,72)
```
#e5a003
```
#e5a003 rgb(229,160,3)
```

Tetradic Color

#023099
```
#023099 rgb(2,48,153)
```
#0238b3
```
#0238b3 rgb(2,56,179)
```
#0340cc
```
#0340cc rgb(3,64,204)
```
#0348e5
```
#0348e5 rgb(3,72,229)
```
#0651fc
```
#0651fc rgb(6,81,252)
```
#1f62fc
```
#1f62fc rgb(31,98,252)
```
#3874fc
```
#3874fc rgb(56,116,252)
```

Monochromatic Color

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

#0381e5
```
#0381e5 rgb(3,129,229)
```
#036ee5
```
#036ee5 rgb(3,110,229)
```
#035be5
```
#035be5 rgb(3,91,229)
```
#0348e5
```
#0348e5 rgb(3,72,229)
```
#0335e5
```
#0335e5 rgb(3,53,229)
```
#0322e5
```
#0322e5 rgb(3,34,229)
```
#0310e5
```
#0310e5 rgb(3,16,229)
```

Similar Colors

Text with hexadecimal color #0348e5

This text has a font color of #0348e5.

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

#0348e5 background color

This paragraph has a background color of #0348e5.

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

#0348e5 border color

This element has a border color of #0348e5.

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

CSS codes

.text {color:#0348e5;}

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

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

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

#000510
```
#000510 rgb(0,5,16)
```
#000b23
```
#000b23 rgb(0,11,35)
```
#011137
```
#011137 rgb(1,17,55)
```
#01174a
```
#01174a rgb(1,23,74)
```
#011d5d
```
#011d5d rgb(1,29,93)
```
#012371
```
#012371 rgb(1,35,113)
```
#022a84
```
#022a84 rgb(2,42,132)
```
#023098
```
#023098 rgb(2,48,152)
```
#0236ab
```
#0236ab rgb(2,54,171)
```
#023cbe
```
#023cbe rgb(2,60,190)
```
#0342d2
```
#0342d2 rgb(3,66,210)
```
#0348e5
```
#0348e5 rgb(3,72,229)
```
#034ef8
```
#034ef8 rgb(3,78,248)
```

Shade Color Variation

#135afc
```
#135afc rgb(19,90,252)
```
#2768fc
```
#2768fc rgb(39,104,252)
```
#3a75fc
```
#3a75fc rgb(58,117,252)
```
#4d83fd
```
#4d83fd rgb(77,131,253)
```
#6190fd
```
#6190fd rgb(97,144,253)
```
#749efd
```
#749efd rgb(116,158,253)
```
#87abfd
```
#87abfd rgb(135,171,253)
```
#9bb9fe
```
#9bb9fe rgb(155,185,254)
```
#aec7fe
```
#aec7fe rgb(174,199,254)
```
#c2d4fe
```
#c2d4fe rgb(194,212,254)
```
#d5e2fe
```
#d5e2fe rgb(213,226,254)
```
#e8efff
```
#e8efff rgb(232,239,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#6e727a
```
#6e727a rgb(110,114,122)
```
#656e83
```
#656e83 rgb(101,110,131)
```
#5c6b8c
```
#5c6b8c rgb(92,107,140)
```
#536795
```
#536795 rgb(83,103,149)
```
#4a649e
```
#4a649e rgb(74,100,158)
```
#4160a7
```
#4160a7 rgb(65,96,167)
```
#395daf
```
#395daf rgb(57,93,175)
```
#3059b8
```
#3059b8 rgb(48,89,184)
```
#2756c1
```
#2756c1 rgb(39,86,193)
```
#1e52ca
```
#1e52ca rgb(30,82,202)
```
#154fd3
```
#154fd3 rgb(21,79,211)
```
#0c4bdc
```
#0c4bdc rgb(12,75,220)
```
#0348e5
```
#0348e5 rgb(3,72,229)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#384665 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bb Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0157ca Protanomaly 1% of men, 0.01% of women
#015aba Deuteranomaly 6% of men, 0.4% of women
#015f9b Tritanomaly 0.01% of the population

#0348e5 hex color

#0348e5 Color Information

#0348e5 Color Conversion

Color Schemes with #0348e5

Alternatives to #0348e5

#0348e5 Preview

Shades and Tints of #0348e5

Tones of #0348e5

Color Blindness Simulator