#0345c4 hex color

In a RGB color space, hex #0345c4 is composed of 1.2% red, 27.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 98.5% cyan, 64.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 219.5 degrees, a saturation of 97% and a lightness of 39%. #0345c4 color hex could be obtained by blending #068aff with #000089. Closest websafe color is: #0033cc.

♥
- f
- t
- g
- R 1
- G 27
- B 77
RGB color chart
- C 98
- M 65
- Y 0
- K 23
CMYK color chart

● #0345c4 color description : Strong blue.

The hexadecimal color #0345c4 has RGB values of R:3, G:69, B:196 and CMYK values of C:0.98, M:0.65, Y:0, K:0.23. Its decimal value is 214468.

Hex triplet	0345c4	`#0345c4`
RGB Decimal	3, 69, 196	`rgb(3,69,196)`
RGB Percent	1.2, 27.1, 76.9	`rgb(1.2%,27.1%,76.9%)`
CMYK	98, 65, 0, 23
HSL	219.5°, 97, 39	`hsl(219.5,97%,39%)`
HSV (or HSB)	219.5°, 98.5, 76.9
Web Safe	0033cc	`#0033cc`

CIE-LAB	34.519, 33.964, -70.4
XYZ	12.127, 8.26, 53.177
xyY	0.165, 0.112, 8.26
CIE-LCH	34.519, 78.164, 295.755
CIE-LUV	34.519, -15.128, -97.292
Hunter-Lab	28.74, 25.025, -89.583
Binary	00000011, 01000101, 11000100

#0345c4
```
#0345c4 rgb(3,69,196)
```
#c48203
```
#c48203 rgb(196,130,3)
```

Complementary Color

#03a6c4
```
#03a6c4 rgb(3,166,196)
```
#0345c4
```
#0345c4 rgb(3,69,196)
```
#2103c4
```
#2103c4 rgb(33,3,196)
```

Analogous Color

#a6c403
```
#a6c403 rgb(166,196,3)
```
#0345c4
```
#0345c4 rgb(3,69,196)
```
#c42103
```
#c42103 rgb(196,33,3)
```

Split Complementary Color

#45c403
```
#45c403 rgb(69,196,3)
```
#0345c4
```
#0345c4 rgb(3,69,196)
```
#c40345
```
#c40345 rgb(196,3,69)
```

Triadic Color

#03c482
```
#03c482 rgb(3,196,130)
```
#0345c4
```
#0345c4 rgb(3,69,196)
```
#c40345
```
#c40345 rgb(196,3,69)
```
#c48203
```
#c48203 rgb(196,130,3)
```

Tetradic Color

#022a79
```
#022a79 rgb(2,42,121)
```
#023392
```
#023392 rgb(2,51,146)
```
#033cab
```
#033cab rgb(3,60,171)
```
#0345c4
```
#0345c4 rgb(3,69,196)
```
#034edd
```
#034edd rgb(3,78,221)
```
#0457f6
```
#0457f6 rgb(4,87,246)
```
#1866fb
```
#1866fb rgb(24,102,251)
```

Monochromatic Color

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

#0375c4
```
#0375c4 rgb(3,117,196)
```
#0365c4
```
#0365c4 rgb(3,101,196)
```
#0355c4
```
#0355c4 rgb(3,85,196)
```
#0345c4
```
#0345c4 rgb(3,69,196)
```
#0335c4
```
#0335c4 rgb(3,53,196)
```
#0325c4
```
#0325c4 rgb(3,37,196)
```
#0315c4
```
#0315c4 rgb(3,21,196)
```

Similar Colors

Text with hexadecimal color #0345c4

This text has a font color of #0345c4.

<span style="color:#0345c4;">Text here</span>

#0345c4 background color

This paragraph has a background color of #0345c4.

<p style="background-color:#0345c4;">Content here</p>

#0345c4 border color

This element has a border color of #0345c4.

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

CSS codes

.text {color:#0345c4;}

.background {background-color:#0345c4;}

.border {border:1px solid #0345c4;}

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

#000103
```
#000103 rgb(0,1,3)
```
#000816
```
#000816 rgb(0,8,22)
```
#010f29
```
#010f29 rgb(1,15,41)
```
#01153d
```
#01153d rgb(1,21,61)
```
#011c50
```
#011c50 rgb(1,28,80)
```
#022363
```
#022363 rgb(2,35,99)
```
#022a77
```
#022a77 rgb(2,42,119)
```
#02318a
```
#02318a rgb(2,49,138)
```
#02379d
```
#02379d rgb(2,55,157)
```
#033eb1
```
#033eb1 rgb(3,62,177)
```
#0345c4
```
#0345c4 rgb(3,69,196)
```
#034cd7
```
#034cd7 rgb(3,76,215)
```
#0453eb
```
#0453eb rgb(4,83,235)
```

Shade Color Variation

#075afb
```
#075afb rgb(7,90,251)
```
#1a67fb
```
#1a67fb rgb(26,103,251)
```
#2d74fc
```
#2d74fc rgb(45,116,252)
```
#4181fc
```
#4181fc rgb(65,129,252)
```
#548efc
```
#548efc rgb(84,142,252)
```
#679afd
```
#679afd rgb(103,154,253)
```
#7ba7fd
```
#7ba7fd rgb(123,167,253)
```
#8eb4fd
```
#8eb4fd rgb(142,180,253)
```
#a1c1fe
```
#a1c1fe rgb(161,193,254)
```
#b5cefe
```
#b5cefe rgb(181,206,254)
```
#c8dafe
```
#c8dafe rgb(200,218,254)
```
#dbe7fe
```
#dbe7fe rgb(219,231,254)
```
#eef4ff
```
#eef4ff rgb(238,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6268 is the less saturated color, while #0345c4 is the most saturated one.

#5f6268
```
#5f6268 rgb(95,98,104)
```
#576070
```
#576070 rgb(87,96,112)
```
#505d77
```
#505d77 rgb(80,93,119)
```
#485b7f
```
#485b7f rgb(72,91,127)
```
#405887
```
#405887 rgb(64,88,135)
```
#39568e
```
#39568e rgb(57,86,142)
```
#315496
```
#315496 rgb(49,84,150)
```
#29519e
```
#29519e rgb(41,81,158)
```
#224fa5
```
#224fa5 rgb(34,79,165)
```
#1a4cad
```
#1a4cad rgb(26,76,173)
```
#124ab5
```
#124ab5 rgb(18,74,181)
```
#0b47bc
```
#0b47bc rgb(11,71,188)
```
#0345c4
```
#0345c4 rgb(3,69,196)
```

Tone Color Variation

Below, you can see how #0345c4 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
#34415a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005c94 Deuteranopia 1% of men
#006367 Tritanopia 0.001% of the population

Trichromacy

#0150b3 Protanomaly 1% of men, 0.01% of women
#0154a5 Deuteranomaly 6% of men, 0.4% of women
#015889 Tritanomaly 0.01% of the population

#0345c4 hex color

#0345c4 Color Information

#0345c4 Color Conversion

Color Schemes with #0345c4

Alternatives to #0345c4

#0345c4 Preview

Shades and Tints of #0345c4

Tones of #0345c4

Color Blindness Simulator