#345df7 hex color

In a RGB color space, hex #345df7 is composed of 20.4% red, 36.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 62.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 227.4 degrees, a saturation of 92.4% and a lightness of 58.6%. #345df7 color hex could be obtained by blending #68baff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 36
- B 97
RGB color chart
- C 79
- M 62
- Y 0
- K 3
CMYK color chart

● #345df7 color description : Bright blue.

The hexadecimal color #345df7 has RGB values of R:52, G:93, B:247 and CMYK values of C:0.79, M:0.62, Y:0, K:0.03. Its decimal value is 3431927.

Hex triplet	345df7	`#345df7`
RGB Decimal	52, 93, 247	`rgb(52,93,247)`
RGB Percent	20.4, 36.5, 96.9	`rgb(20.4%,36.5%,96.9%)`
CMYK	79, 62, 0, 3
HSL	227.4°, 92.4, 58.6	`hsl(227.4,92.4%,58.6%)`
HSV (or HSB)	227.4°, 78.9, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.005, 40.267, -80.633
XYZ	22.116, 15.273, 89.773
xyY	0.174, 0.12, 15.273
CIE-LCH	46.005, 90.129, 296.537
CIE-LUV	46.005, -16.681, -122.167
Hunter-Lab	39.08, 32.623, -108.842
Binary	00110100, 01011101, 11110111

#345df7
```
#345df7 rgb(52,93,247)
```
#f7ce34
```
#f7ce34 rgb(247,206,52)
```

Complementary Color

#34bff7
```
#34bff7 rgb(52,191,247)
```
#345df7
```
#345df7 rgb(52,93,247)
```
#6d34f7
```
#6d34f7 rgb(109,52,247)
```

Analogous Color

#bff734
```
#bff734 rgb(191,247,52)
```
#345df7
```
#345df7 rgb(52,93,247)
```
#f76d34
```
#f76d34 rgb(247,109,52)
```

Split Complementary Color

#5df734
```
#5df734 rgb(93,247,52)
```
#345df7
```
#345df7 rgb(52,93,247)
```
#f7345d
```
#f7345d rgb(247,52,93)
```

Triadic Color

#34f7ce
```
#34f7ce rgb(52,247,206)
```
#345df7
```
#345df7 rgb(52,93,247)
```
#f7345d
```
#f7345d rgb(247,52,93)
```
#f7ce34
```
#f7ce34 rgb(247,206,52)
```

Tetradic Color

#0834d6
```
#0834d6 rgb(8,52,214)
```
#093aef
```
#093aef rgb(9,58,239)
```
#1b49f6
```
#1b49f6 rgb(27,73,246)
```
#345df7
```
#345df7 rgb(52,93,247)
```
#4d71f8
```
#4d71f8 rgb(77,113,248)
```
#6584f9
```
#6584f9 rgb(101,132,249)
```
#7e98fa
```
#7e98fa rgb(126,152,250)
```

Monochromatic Color

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

#348ef7
```
#348ef7 rgb(52,142,247)
```
#347ef7
```
#347ef7 rgb(52,126,247)
```
#346df7
```
#346df7 rgb(52,109,247)
```
#345df7
```
#345df7 rgb(52,93,247)
```
#344df7
```
#344df7 rgb(52,77,247)
```
#343cf7
```
#343cf7 rgb(52,60,247)
```
#3c34f7
```
#3c34f7 rgb(60,52,247)
```

Similar Colors

Text with hexadecimal color #345df7

This text has a font color of #345df7.

<span style="color:#345df7;">Text here</span>

#345df7 background color

This paragraph has a background color of #345df7.

<p style="background-color:#345df7;">Content here</p>

#345df7 border color

This element has a border color of #345df7.

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

CSS codes

.text {color:#345df7;}

.background {background-color:#345df7;}

.border {border:1px solid #345df7;}

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

#000105
```
#000105 rgb(0,1,5)
```
#010617
```
#010617 rgb(1,6,23)
```
#020a2a
```
#020a2a rgb(2,10,42)
```
#020f3d
```
#020f3d rgb(2,15,61)
```
#031350
```
#031350 rgb(3,19,80)
```
#041863
```
#041863 rgb(4,24,99)
```
#051c76
```
#051c76 rgb(5,28,118)
```
#052189
```
#052189 rgb(5,33,137)
```
#06269c
```
#06269c rgb(6,38,156)
```
#072aae
```
#072aae rgb(7,42,174)
```
#082fc1
```
#082fc1 rgb(8,47,193)
```
#0833d4
```
#0833d4 rgb(8,51,212)
```
#0938e7
```
#0938e7 rgb(9,56,231)
```

Shade Color Variation

#0e3ff6
```
#0e3ff6 rgb(14,63,246)
```
#214ef6
```
#214ef6 rgb(33,78,246)
```
#345df7
```
#345df7 rgb(52,93,247)
```
#476cf8
```
#476cf8 rgb(71,108,248)
```
#5a7bf8
```
#5a7bf8 rgb(90,123,248)
```
#6d8af9
```
#6d8af9 rgb(109,138,249)
```
#7f99fa
```
#7f99fa rgb(127,153,250)
```
#92a8fb
```
#92a8fb rgb(146,168,251)
```
#a5b7fb
```
#a5b7fb rgb(165,183,251)
```
#b8c6fc
```
#b8c6fc rgb(184,198,252)
```
#cbd5fd
```
#cbd5fd rgb(203,213,253)
```
#dee5fe
```
#dee5fe rgb(222,229,254)
```
#f1f4fe
```
#f1f4fe rgb(241,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #959596 is the less saturated color, while #345df7 is the most saturated one.

#959596
```
#959596 rgb(149,149,150)
```
#8d919e
```
#8d919e rgb(141,145,158)
```
#858ca6
```
#858ca6 rgb(133,140,166)
```
#7d87ae
```
#7d87ae rgb(125,135,174)
```
#7583b6
```
#7583b6 rgb(117,131,182)
```
#6d7ebe
```
#6d7ebe rgb(109,126,190)
```
#6579c6
```
#6579c6 rgb(101,121,198)
```
#5d75ce
```
#5d75ce rgb(93,117,206)
```
#5470d7
```
#5470d7 rgb(84,112,215)
```
#4c6bdf
```
#4c6bdf rgb(76,107,223)
```
#4466e7
```
#4466e7 rgb(68,102,231)
```
#3c62ef
```
#3c62ef rgb(60,98,239)
```
#345df7
```
#345df7 rgb(52,93,247)
```

Tone Color Variation

Below, you can see how #345df7 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

#626262 Achromatopsia 0.005% of the population
#596180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008086 Tritanopia 0.001% of the population

Trichromacy

#1269e6 Protanomaly 1% of men, 0.01% of women
#126dd4 Deuteranomaly 6% of men, 0.4% of women
#1273af Tritanomaly 0.01% of the population

#345df7 hex color

#345df7 Color Information

#345df7 Color Conversion

Color Schemes with #345df7

Alternatives to #345df7

#345df7 Preview

Shades and Tints of #345df7

Tones of #345df7

Color Blindness Simulator