#0346d0 hex color

In a RGB color space, hex #0346d0 is composed of 1.2% red, 27.5% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 98.6% cyan, 66.3% magenta, 0% yellow and 18.4% black. It has a hue angle of 220.4 degrees, a saturation of 97.2% and a lightness of 41.4%. #0346d0 color hex could be obtained by blending #068cff with #0000a1. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 27
- B 82
RGB color chart
- C 99
- M 66
- Y 0
- K 18
CMYK color chart

● #0346d0 color description : Strong blue.

The hexadecimal color #0346d0 has RGB values of R:3, G:70, B:208 and CMYK values of C:0.99, M:0.66, Y:0, K:0.18. Its decimal value is 214736.

Hex triplet	0346d0	`#0346d0`
RGB Decimal	3, 70, 208	`rgb(3,70,208)`
RGB Percent	1.2, 27.5, 81.6	`rgb(1.2%,27.5%,81.6%)`
CMYK	99, 66, 0, 18
HSL	220.4°, 97.2, 41.4	`hsl(220.4,97.2%,41.4%)`
HSV (or HSB)	220.4°, 98.6, 81.6
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.893, 37.91, -75.117
XYZ	13.61, 8.953, 60.682
xyY	0.163, 0.108, 8.953
CIE-LCH	35.893, 84.141, 296.779
CIE-LUV	35.893, -15.322, -104.582
Hunter-Lab	29.921, 28.835, -99.3
Binary	00000011, 01000110, 11010000

#0346d0
```
#0346d0 rgb(3,70,208)
```
#d08d03
```
#d08d03 rgb(208,141,3)
```

Complementary Color

#03add0
```
#03add0 rgb(3,173,208)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```
#2603d0
```
#2603d0 rgb(38,3,208)
```

Analogous Color

#add003
```
#add003 rgb(173,208,3)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```
#d02603
```
#d02603 rgb(208,38,3)
```

Split Complementary Color

#46d003
```
#46d003 rgb(70,208,3)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```
#d00346
```
#d00346 rgb(208,3,70)
```

Triadic Color

#03d08d
```
#03d08d rgb(3,208,141)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```
#d00346
```
#d00346 rgb(208,3,70)
```
#d08d03
```
#d08d03 rgb(208,141,3)
```

Tetradic Color

#022d85
```
#022d85 rgb(2,45,133)
```
#02359e
```
#02359e rgb(2,53,158)
```
#033eb7
```
#033eb7 rgb(3,62,183)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```
#034ee9
```
#034ee9 rgb(3,78,233)
```
#0b59fb
```
#0b59fb rgb(11,89,251)
```
#246afc
```
#246afc rgb(36,106,252)
```

Monochromatic Color

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

#0379d0
```
#0379d0 rgb(3,121,208)
```
#0368d0
```
#0368d0 rgb(3,104,208)
```
#0357d0
```
#0357d0 rgb(3,87,208)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```
#0335d0
```
#0335d0 rgb(3,53,208)
```
#0324d0
```
#0324d0 rgb(3,36,208)
```
#0313d0
```
#0313d0 rgb(3,19,208)
```

Similar Colors

Text with hexadecimal color #0346d0

This text has a font color of #0346d0.

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

#0346d0 background color

This paragraph has a background color of #0346d0.

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

#0346d0 border color

This element has a border color of #0346d0.

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

CSS codes

.text {color:#0346d0;}

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

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

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, #00050f is the darkest color, while #fafcff is the lightest one.

#00050f
```
#00050f rgb(0,5,15)
```
#000b22
```
#000b22 rgb(0,11,34)
```
#011235
```
#011235 rgb(1,18,53)
```
#011849
```
#011849 rgb(1,24,73)
```
#011f5c
```
#011f5c rgb(1,31,92)
```
#02256f
```
#02256f rgb(2,37,111)
```
#022c83
```
#022c83 rgb(2,44,131)
```
#023296
```
#023296 rgb(2,50,150)
```
#0239a9
```
#0239a9 rgb(2,57,169)
```
#033fbd
```
#033fbd rgb(3,63,189)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```
#034de3
```
#034de3 rgb(3,77,227)
```
#0453f7
```
#0453f7 rgb(4,83,247)
```

Shade Color Variation

#125ffc
```
#125ffc rgb(18,95,252)
```
#266cfc
```
#266cfc rgb(38,108,252)
```
#3979fc
```
#3979fc rgb(57,121,252)
```
#4c86fc
```
#4c86fc rgb(76,134,252)
```
#6093fd
```
#6093fd rgb(96,147,253)
```
#73a0fd
```
#73a0fd rgb(115,160,253)
```
#86adfd
```
#86adfd rgb(134,173,253)
```
#9abafe
```
#9abafe rgb(154,186,254)
```
#adc7fe
```
#adc7fe rgb(173,199,254)
```
#c0d4fe
```
#c0d4fe rgb(192,212,254)
```
#d4e2fe
```
#d4e2fe rgb(212,226,254)
```
#e7efff
```
#e7efff rgb(231,239,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#64686f
```
#64686f rgb(100,104,111)
```
#5c6577
```
#5c6577 rgb(92,101,119)
```
#54627f
```
#54627f rgb(84,98,127)
```
#4c5f87
```
#4c5f87 rgb(76,95,135)
```
#445c8f
```
#445c8f rgb(68,92,143)
```
#3c5a97
```
#3c5a97 rgb(60,90,151)
```
#34579f
```
#34579f rgb(52,87,159)
```
#2c54a7
```
#2c54a7 rgb(44,84,167)
```
#2351b0
```
#2351b0 rgb(35,81,176)
```
#1b4eb8
```
#1b4eb8 rgb(27,78,184)
```
#134cc0
```
#134cc0 rgb(19,76,192)
```
#0b49c8
```
#0b49c8 rgb(11,73,200)
```
#0346d0
```
#0346d0 rgb(3,70,208)
```

Tone Color Variation

Below, you can see how #0346d0 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
#35435e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005ab0 Protanopia 1% of men
#005f99 Deuteranopia 1% of men
#00666b Tritanopia 0.001% of the population

Trichromacy

#0153bb Protanomaly 1% of men, 0.01% of women
#0156ad Deuteranomaly 6% of men, 0.4% of women
#015a90 Tritanomaly 0.01% of the population

#0346d0 hex color

#0346d0 Color Information

#0346d0 Color Conversion

Color Schemes with #0346d0

Alternatives to #0346d0

#0346d0 Preview

Shades and Tints of #0346d0

Tones of #0346d0

Color Blindness Simulator