#0342d4 hex color

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

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

● #0342d4 color description : Strong blue.

The hexadecimal color #0342d4 has RGB values of R:3, G:66, B:212 and CMYK values of C:0.99, M:0.69, Y:0, K:0.17. Its decimal value is 213716.

Hex triplet	0342d4	`#0342d4`
RGB Decimal	3, 66, 212	`rgb(3,66,212)`
RGB Percent	1.2, 25.9, 83.1	`rgb(1.2%,25.9%,83.1%)`
CMYK	99, 69, 0, 17
HSL	221.9°, 97.2, 42.2	`hsl(221.9,97.2%,42.2%)`
HSV (or HSB)	221.9°, 98.6, 83.1
Web Safe	0033cc	`#0033cc`

CIE-LAB	35.337, 41.938, -78.344
XYZ	13.867, 8.668, 63.226
xyY	0.162, 0.101, 8.668
CIE-LCH	35.337, 88.862, 298.161
CIE-LUV	35.337, -14.495, -107.708
Hunter-Lab	29.442, 32.55, -106.716
Binary	00000011, 01000010, 11010100

#0342d4
```
#0342d4 rgb(3,66,212)
```
#d49503
```
#d49503 rgb(212,149,3)
```

Complementary Color

#03abd4
```
#03abd4 rgb(3,171,212)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```
#2c03d4
```
#2c03d4 rgb(44,3,212)
```

Analogous Color

#abd403
```
#abd403 rgb(171,212,3)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```
#d42c03
```
#d42c03 rgb(212,44,3)
```

Split Complementary Color

#42d403
```
#42d403 rgb(66,212,3)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```
#d40342
```
#d40342 rgb(212,3,66)
```

Triadic Color

#03d495
```
#03d495 rgb(3,212,149)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```
#d40342
```
#d40342 rgb(212,3,66)
```
#d49503
```
#d49503 rgb(212,149,3)
```

Tetradic Color

#022b89
```
#022b89 rgb(2,43,137)
```
#0232a2
```
#0232a2 rgb(2,50,162)
```
#033abb
```
#033abb rgb(3,58,187)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```
#034aed
```
#034aed rgb(3,74,237)
```
#0e56fc
```
#0e56fc rgb(14,86,252)
```
#2868fc
```
#2868fc rgb(40,104,252)
```

Monochromatic Color

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

#0376d4
```
#0376d4 rgb(3,118,212)
```
#0365d4
```
#0365d4 rgb(3,101,212)
```
#0353d4
```
#0353d4 rgb(3,83,212)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```
#0331d4
```
#0331d4 rgb(3,49,212)
```
#031fd4
```
#031fd4 rgb(3,31,212)
```
#030ed4
```
#030ed4 rgb(3,14,212)
```

Similar Colors

Text with hexadecimal color #0342d4

This text has a font color of #0342d4.

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

#0342d4 background color

This paragraph has a background color of #0342d4.

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

#0342d4 border color

This element has a border color of #0342d4.

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

CSS codes

.text {color:#0342d4;}

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

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

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)
```
#010c26
```
#010c26 rgb(1,12,38)
```
#011239
```
#011239 rgb(1,18,57)
```
#01184d
```
#01184d rgb(1,24,77)
```
#011e60
```
#011e60 rgb(1,30,96)
```
#022473
```
#022473 rgb(2,36,115)
```
#022a87
```
#022a87 rgb(2,42,135)
```
#02309a
```
#02309a rgb(2,48,154)
```
#0236ad
```
#0236ad rgb(2,54,173)
```
#033cc1
```
#033cc1 rgb(3,60,193)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```
#0348e7
```
#0348e7 rgb(3,72,231)
```
#044efb
```
#044efb rgb(4,78,251)
```

Shade Color Variation

#165bfc
```
#165bfc rgb(22,91,252)
```
#2969fc
```
#2969fc rgb(41,105,252)
```
#3d77fc
```
#3d77fc rgb(61,119,252)
```
#5084fd
```
#5084fd rgb(80,132,253)
```
#6492fd
```
#6492fd rgb(100,146,253)
```
#779ffd
```
#779ffd rgb(119,159,253)
```
#8aadfd
```
#8aadfd rgb(138,173,253)
```
#9ebafe
```
#9ebafe rgb(158,186,254)
```
#b1c8fe
```
#b1c8fe rgb(177,200,254)
```
#c4d6fe
```
#c4d6fe rgb(196,214,254)
```
#d8e3fe
```
#d8e3fe rgb(216,227,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, #666971 is the less saturated color, while #0342d4 is the most saturated one.

#666971
```
#666971 rgb(102,105,113)
```
#5e6679
```
#5e6679 rgb(94,102,121)
```
#566381
```
#566381 rgb(86,99,129)
```
#4d608a
```
#4d608a rgb(77,96,138)
```
#455c92
```
#455c92 rgb(69,92,146)
```
#3d599a
```
#3d599a rgb(61,89,154)
```
#3556a2
```
#3556a2 rgb(53,86,162)
```
#2c52ab
```
#2c52ab rgb(44,82,171)
```
#244fb3
```
#244fb3 rgb(36,79,179)
```
#1c4cbb
```
#1c4cbb rgb(28,76,187)
```
#1449c3
```
#1449c3 rgb(20,73,195)
```
#0b45cc
```
#0b45cc rgb(11,69,204)
```
#0342d4
```
#0342d4 rgb(3,66,212)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#34405e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0059ae Protanopia 1% of men
#005e96 Deuteranopia 1% of men
#006569 Tritanopia 0.001% of the population

Trichromacy

#0150bb Protanomaly 1% of men, 0.01% of women
#0154ad Deuteranomaly 6% of men, 0.4% of women
#015890 Tritanomaly 0.01% of the population

#0342d4 hex color

#0342d4 Color Information

#0342d4 Color Conversion

Color Schemes with #0342d4

Alternatives to #0342d4

#0342d4 Preview

Shades and Tints of #0342d4

Tones of #0342d4

Color Blindness Simulator