#345fe6 hex color

In a RGB color space, hex #345fe6 is composed of 20.4% red, 37.3% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 58.7% magenta, 0% yellow and 9.8% black. It has a hue angle of 225.5 degrees, a saturation of 78.1% and a lightness of 55.3%. #345fe6 color hex could be obtained by blending #68beff with #0000cd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 37
- B 90
RGB color chart
- C 77
- M 59
- Y 0
- K 10
CMYK color chart

● #345fe6 color description : Bright blue.

The hexadecimal color #345fe6 has RGB values of R:52, G:95, B:230 and CMYK values of C:0.77, M:0.59, Y:0, K:0.1. Its decimal value is 3432422.

Hex triplet	345fe6	`#345fe6`
RGB Decimal	52, 95, 230	`rgb(52,95,230)`
RGB Percent	20.4, 37.3, 90.2	`rgb(20.4%,37.3%,90.2%)`
CMYK	77, 59, 0, 10
HSL	225.5°, 78.1, 55.3	`hsl(225.5,78.1%,55.3%)`
HSV (or HSB)	225.5°, 77.4, 90.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.118, 32.903, -72.531
XYZ	19.788, 14.626, 76.639
xyY	0.178, 0.132, 14.626
CIE-LCH	45.118, 79.645, 294.401
CIE-LUV	45.118, -17.071, -110.105
Hunter-Lab	38.244, 25.432, -92.042
Binary	00110100, 01011111, 11100110

#345fe6
```
#345fe6 rgb(52,95,230)
```
#e6bb34
```
#e6bb34 rgb(230,187,52)
```

Complementary Color

#34b8e6
```
#34b8e6 rgb(52,184,230)
```
#345fe6
```
#345fe6 rgb(52,95,230)
```
#6234e6
```
#6234e6 rgb(98,52,230)
```

Analogous Color

#b8e634
```
#b8e634 rgb(184,230,52)
```
#345fe6
```
#345fe6 rgb(52,95,230)
```
#e66234
```
#e66234 rgb(230,98,52)
```

Split Complementary Color

#5fe634
```
#5fe634 rgb(95,230,52)
```
#345fe6
```
#345fe6 rgb(52,95,230)
```
#e6345f
```
#e6345f rgb(230,52,95)
```

Triadic Color

#34e6bb
```
#34e6bb rgb(52,230,187)
```
#345fe6
```
#345fe6 rgb(52,95,230)
```
#e6345f
```
#e6345f rgb(230,52,95)
```
#e6bb34
```
#e6bb34 rgb(230,187,52)
```

Tetradic Color

#173db7
```
#173db7 rgb(23,61,183)
```
#1945ce
```
#1945ce rgb(25,69,206)
```
#1d4de3
```
#1d4de3 rgb(29,77,227)
```
#345fe6
```
#345fe6 rgb(52,95,230)
```
#4b71e9
```
#4b71e9 rgb(75,113,233)
```
#6183ec
```
#6183ec rgb(97,131,236)
```
#7895ee
```
#7895ee rgb(120,149,238)
```

Monochromatic Color

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

#348ce6
```
#348ce6 rgb(52,140,230)
```
#347de6
```
#347de6 rgb(52,125,230)
```
#346ee6
```
#346ee6 rgb(52,110,230)
```
#345fe6
```
#345fe6 rgb(52,95,230)
```
#3450e6
```
#3450e6 rgb(52,80,230)
```
#3441e6
```
#3441e6 rgb(52,65,230)
```
#3634e6
```
#3634e6 rgb(54,52,230)
```

Similar Colors

Text with hexadecimal color #345fe6

This text has a font color of #345fe6.

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

#345fe6 background color

This paragraph has a background color of #345fe6.

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

#345fe6 border color

This element has a border color of #345fe6.

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

CSS codes

.text {color:#345fe6;}

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

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

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

#010207
```
#010207 rgb(1,2,7)
```
#030818
```
#030818 rgb(3,8,24)
```
#050e2a
```
#050e2a rgb(5,14,42)
```
#07143b
```
#07143b rgb(7,20,59)
```
#091a4c
```
#091a4c rgb(9,26,76)
```
#0c1f5e
```
#0c1f5e rgb(12,31,94)
```
#0e256f
```
#0e256f rgb(14,37,111)
```
#102b81
```
#102b81 rgb(16,43,129)
```
#123192
```
#123192 rgb(18,49,146)
```
#1437a4
```
#1437a4 rgb(20,55,164)
```
#163db5
```
#163db5 rgb(22,61,181)
```
#1843c7
```
#1843c7 rgb(24,67,199)
```
#1b48d8
```
#1b48d8 rgb(27,72,216)
```

Shade Color Variation

#2351e4
```
#2351e4 rgb(35,81,228)
```
#345fe6
```
#345fe6 rgb(52,95,230)
```
#456de8
```
#456de8 rgb(69,109,232)
```
#577bea
```
#577bea rgb(87,123,234)
```
#6888ec
```
#6888ec rgb(104,136,236)
```
#7a96ef
```
#7a96ef rgb(122,150,239)
```
#8ba4f1
```
#8ba4f1 rgb(139,164,241)
```
#9db2f3
```
#9db2f3 rgb(157,178,243)
```
#aebff5
```
#aebff5 rgb(174,191,245)
```
#c0cdf7
```
#c0cdf7 rgb(192,205,247)
```
#d1dbf9
```
#d1dbf9 rgb(209,219,249)
```
#e3e9fc
```
#e3e9fc rgb(227,233,252)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c8e is the less saturated color, while #2256f8 is the most saturated one.

#8c8c8e
```
#8c8c8e rgb(140,140,142)
```
#838897
```
#838897 rgb(131,136,151)
```
#7a83a0
```
#7a83a0 rgb(122,131,160)
```
#717fa9
```
#717fa9 rgb(113,127,169)
```
#697ab1
```
#697ab1 rgb(105,122,177)
```
#6076ba
```
#6076ba rgb(96,118,186)
```
#5771c3
```
#5771c3 rgb(87,113,195)
```
#4e6dcc
```
#4e6dcc rgb(78,109,204)
```
#4668d4
```
#4668d4 rgb(70,104,212)
```
#3d64dd
```
#3d64dd rgb(61,100,221)
```
#345fe6
```
#345fe6 rgb(52,95,230)
```
#2b5aef
```
#2b5aef rgb(43,90,239)
```
#2256f8
```
#2256f8 rgb(34,86,248)
```

Tone Color Variation

Below, you can see how #345fe6 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
#59617c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1269dd Protanomaly 1% of men, 0.01% of women
#126dcc Deuteranomaly 6% of men, 0.4% of women
#1272a8 Tritanomaly 0.01% of the population

#345fe6 hex color

#345fe6 Color Information

#345fe6 Color Conversion

Color Schemes with #345fe6

Alternatives to #345fe6

#345fe6 Preview

Shades and Tints of #345fe6

Tones of #345fe6

Color Blindness Simulator