#0346d4 hex color

In a RGB color space, hex #0346d4 is composed of 1.2% red, 27.5% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 67% magenta, 0% yellow and 16.9% black. It has a hue angle of 220.8 degrees, a saturation of 97.2% and a lightness of 42.2%. #0346d4 color hex could be obtained by blending #068cff with #0000a9. Closest websafe color is: #0033cc.

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

● #0346d4 color description : Strong blue.

The hexadecimal color #0346d4 has RGB values of R:3, G:70, B:212 and CMYK values of C:0.99, M:0.67, Y:0, K:0.17. Its decimal value is 214740.

Hex triplet	0346d4	`#0346d4`
RGB Decimal	3, 70, 212	`rgb(3,70,212)`
RGB Percent	1.2, 27.5, 83.1	`rgb(1.2%,27.5%,83.1%)`
CMYK	99, 67, 0, 17
HSL	220.8°, 97.2, 42.2	`hsl(220.8,97.2%,42.2%)`
HSV (or HSB)	220.8°, 98.6, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	36.275, 39.417, -76.797
XYZ	14.109, 9.152, 63.307
xyY	0.163, 0.106, 9.152
CIE-LCH	36.275, 86.322, 297.17
CIE-LUV	36.275, -15.321, -107.052
Hunter-Lab	30.252, 30.307, -102.895
Binary	00000011, 01000110, 11010100

#0346d4
```
#0346d4 rgb(3,70,212)
```
#d49103
```
#d49103 rgb(212,145,3)
```

Complementary Color

#03afd4
```
#03afd4 rgb(3,175,212)
```
#0346d4
```
#0346d4 rgb(3,70,212)
```
#2903d4
```
#2903d4 rgb(41,3,212)
```

Analogous Color

#afd403
```
#afd403 rgb(175,212,3)
```
#0346d4
```
#0346d4 rgb(3,70,212)
```
#d42803
```
#d42803 rgb(212,40,3)
```

Split Complementary Color

#46d403
```
#46d403 rgb(70,212,3)
```
#0346d4
```
#0346d4 rgb(3,70,212)
```
#d40346
```
#d40346 rgb(212,3,70)
```

Triadic Color

#03d491
```
#03d491 rgb(3,212,145)
```
#0346d4
```
#0346d4 rgb(3,70,212)
```
#d40346
```
#d40346 rgb(212,3,70)
```
#d49103
```
#d49103 rgb(212,145,3)
```

Tetradic Color

#022d89
```
#022d89 rgb(2,45,137)
```
#0235a2
```
#0235a2 rgb(2,53,162)
```
#033ebb
```
#033ebb rgb(3,62,187)
```
#0346d4
```
#0346d4 rgb(3,70,212)
```
#034eed
```
#034eed rgb(3,78,237)
```
#0e5afc
```
#0e5afc rgb(14,90,252)
```
#286cfc
```
#286cfc rgb(40,108,252)
```

Monochromatic Color

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

#037ad4
```
#037ad4 rgb(3,122,212)
```
#0369d4
```
#0369d4 rgb(3,105,212)
```
#0357d4
```
#0357d4 rgb(3,87,212)
```
#0346d4
```
#0346d4 rgb(3,70,212)
```
#0335d4
```
#0335d4 rgb(3,53,212)
```
#0323d4
```
#0323d4 rgb(3,35,212)
```
#0312d4
```
#0312d4 rgb(3,18,212)
```

Similar Colors

Text with hexadecimal color #0346d4

This text has a font color of #0346d4.

<span style="color:#0346d4;">Text here</span>

#0346d4 background color

This paragraph has a background color of #0346d4.

<p style="background-color:#0346d4;">Content here</p>

#0346d4 border color

This element has a border color of #0346d4.

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

CSS codes

.text {color:#0346d4;}

.background {background-color:#0346d4;}

.border {border:1px solid #0346d4;}

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 #fefeff is the lightest one.

#000613
```
#000613 rgb(0,6,19)
```
#010d26
```
#010d26 rgb(1,13,38)
```
#011339
```
#011339 rgb(1,19,57)
```
#01194d
```
#01194d rgb(1,25,77)
```
#012060
```
#012060 rgb(1,32,96)
```
#022673
```
#022673 rgb(2,38,115)
```
#022c87
```
#022c87 rgb(2,44,135)
```
#02339a
```
#02339a rgb(2,51,154)
```
#0239ad
```
#0239ad rgb(2,57,173)
```
#0340c1
```
#0340c1 rgb(3,64,193)
```
#0346d4
```
#0346d4 rgb(3,70,212)
```
#034ce7
```
#034ce7 rgb(3,76,231)
```
#0453fb
```
#0453fb rgb(4,83,251)
```

Shade Color Variation

#1660fc
```
#1660fc rgb(22,96,252)
```
#296dfc
```
#296dfc rgb(41,109,252)
```
#3d7afc
```
#3d7afc rgb(61,122,252)
```
#5087fd
```
#5087fd rgb(80,135,253)
```
#6495fd
```
#6495fd rgb(100,149,253)
```
#77a2fd
```
#77a2fd rgb(119,162,253)
```
#8aaffd
```
#8aaffd rgb(138,175,253)
```
#9ebcfe
```
#9ebcfe rgb(158,188,254)
```
#b1cafe
```
#b1cafe rgb(177,202,254)
```
#c4d7fe
```
#c4d7fe rgb(196,215,254)
```
#d8e4fe
```
#d8e4fe rgb(216,228,254)
```
#ebf1ff
```
#ebf1ff rgb(235,241,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666a71 is the less saturated color, while #0346d4 is the most saturated one.

#666a71
```
#666a71 rgb(102,106,113)
```
#5e6779
```
#5e6779 rgb(94,103,121)
```
#566481
```
#566481 rgb(86,100,129)
```
#4d618a
```
#4d618a rgb(77,97,138)
```
#455e92
```
#455e92 rgb(69,94,146)
```
#3d5b9a
```
#3d5b9a rgb(61,91,154)
```
#3558a2
```
#3558a2 rgb(53,88,162)
```
#2c55ab
```
#2c55ab rgb(44,85,171)
```
#2452b3
```
#2452b3 rgb(36,82,179)
```
#1c4fbb
```
#1c4fbb rgb(28,79,187)
```
#144cc3
```
#144cc3 rgb(20,76,195)
```
#0b49cc
```
#0b49cc rgb(11,73,204)
```
#0346d4
```
#0346d4 rgb(3,70,212)
```

Tone Color Variation

Below, you can see how #0346d4 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

#424242 Achromatopsia 0.005% of the population
#35435f Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb2 Protanopia 1% of men
#00609a Deuteranopia 1% of men
#00676c Tritanopia 0.001% of the population

Trichromacy

#0153be Protanomaly 1% of men, 0.01% of women
#0157af Deuteranomaly 6% of men, 0.4% of women
#015b92 Tritanomaly 0.01% of the population

#0346d4 hex color

#0346d4 Color Information

#0346d4 Color Conversion

Color Schemes with #0346d4

Alternatives to #0346d4

#0346d4 Preview

Shades and Tints of #0346d4

Tones of #0346d4

Color Blindness Simulator