#345bfe hex color

In a RGB color space, hex #345bfe is composed of 20.4% red, 35.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 64.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.4 degrees, a saturation of 99% and a lightness of 60%. #345bfe color hex could be obtained by blending #68b6ff with #0000fd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 36
- B 100
RGB color chart
- C 80
- M 64
- Y 0
- K 0
CMYK color chart

● #345bfe color description : Bright blue.

The hexadecimal color #345bfe has RGB values of R:52, G:91, B:254 and CMYK values of C:0.8, M:0.64, Y:0, K:0. Its decimal value is 3431422.

Hex triplet	345bfe	`#345bfe`
RGB Decimal	52, 91, 254	`rgb(52,91,254)`
RGB Percent	20.4, 35.7, 99.6	`rgb(20.4%,35.7%,99.6%)`
CMYK	80, 64, 0, 0
HSL	228.4°, 99, 60	`hsl(228.4,99%,60%)`
HSV (or HSB)	228.4°, 79.5, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.132, 43.962, -84.329
XYZ	23.043, 15.366, 95.512
xyY	0.172, 0.115, 15.366
CIE-LCH	46.132, 95.1, 297.533
CIE-LUV	46.132, -16.297, -127.299
Hunter-Lab	39.2, 36.328, -117.022
Binary	00110100, 01011011, 11111110

#345bfe
```
#345bfe rgb(52,91,254)
```
#fed734
```
#fed734 rgb(254,215,52)
```

Complementary Color

#34c0fe
```
#34c0fe rgb(52,192,254)
```
#345bfe
```
#345bfe rgb(52,91,254)
```
#7234fe
```
#7234fe rgb(114,52,254)
```

Analogous Color

#c0fe34
```
#c0fe34 rgb(192,254,52)
```
#345bfe
```
#345bfe rgb(52,91,254)
```
#fe7234
```
#fe7234 rgb(254,114,52)
```

Split Complementary Color

#5bfe34
```
#5bfe34 rgb(91,254,52)
```
#345bfe
```
#345bfe rgb(52,91,254)
```
#fe345b
```
#fe345b rgb(254,52,91)
```

Triadic Color

#34fed7
```
#34fed7 rgb(52,254,215)
```
#345bfe
```
#345bfe rgb(52,91,254)
```
#fe345b
```
#fe345b rgb(254,52,91)
```
#fed734
```
#fed734 rgb(254,215,52)
```

Tetradic Color

#012de4
```
#012de4 rgb(1,45,228)
```
#0132fe
```
#0132fe rgb(1,50,254)
```
#1b47fe
```
#1b47fe rgb(27,71,254)
```
#345bfe
```
#345bfe rgb(52,91,254)
```
#4d70fe
```
#4d70fe rgb(77,112,254)
```
#6784fe
```
#6784fe rgb(103,132,254)
```
#8099fe
```
#8099fe rgb(128,153,254)
```

Monochromatic Color

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

#348efe
```
#348efe rgb(52,142,254)
```
#347dfe
```
#347dfe rgb(52,125,254)
```
#346cfe
```
#346cfe rgb(52,108,254)
```
#345bfe
```
#345bfe rgb(52,91,254)
```
#344afe
```
#344afe rgb(52,74,254)
```
#3439fe
```
#3439fe rgb(52,57,254)
```
#3f34fe
```
#3f34fe rgb(63,52,254)
```

Similar Colors

Text with hexadecimal color #345bfe

This text has a font color of #345bfe.

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

#345bfe background color

This paragraph has a background color of #345bfe.

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

#345bfe border color

This element has a border color of #345bfe.

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

CSS codes

.text {color:#345bfe;}

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

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

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, #00020c is the darkest color, while #f7f9ff is the lightest one.

#00020c
```
#00020c rgb(0,2,12)
```
#00061f
```
#00061f rgb(0,6,31)
```
#000a33
```
#000a33 rgb(0,10,51)
```
#000e46
```
#000e46 rgb(0,14,70)
```
#00125a
```
#00125a rgb(0,18,90)
```
#01166d
```
#01166d rgb(1,22,109)
```
#011981
```
#011981 rgb(1,25,129)
```
#011d94
```
#011d94 rgb(1,29,148)
```
#0121a8
```
#0121a8 rgb(1,33,168)
```
#0125bb
```
#0125bb rgb(1,37,187)
```
#0129cf
```
#0129cf rgb(1,41,207)
```
#012de2
```
#012de2 rgb(1,45,226)
```
#0130f6
```
#0130f6 rgb(1,48,246)
```

Shade Color Variation

#0d3bfe
```
#0d3bfe rgb(13,59,254)
```
#204bfe
```
#204bfe rgb(32,75,254)
```
#345bfe
```
#345bfe rgb(52,91,254)
```
#486bfe
```
#486bfe rgb(72,107,254)
```
#5b7bfe
```
#5b7bfe rgb(91,123,254)
```
#6f8afe
```
#6f8afe rgb(111,138,254)
```
#829afe
```
#829afe rgb(130,154,254)
```
#96aafe
```
#96aafe rgb(150,170,254)
```
#a9baff
```
#a9baff rgb(169,186,255)
```
#bdc9ff
```
#bdc9ff rgb(189,201,255)
```
#d0d9ff
```
#d0d9ff rgb(208,217,255)
```
#e4e9ff
```
#e4e9ff rgb(228,233,255)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#9295a0
```
#9295a0 rgb(146,149,160)
```
#8a90a8
```
#8a90a8 rgb(138,144,168)
```
#828bb0
```
#828bb0 rgb(130,139,176)
```
#7b86b7
```
#7b86b7 rgb(123,134,183)
```
#7382bf
```
#7382bf rgb(115,130,191)
```
#6b7dc7
```
#6b7dc7 rgb(107,125,199)
```
#6378cf
```
#6378cf rgb(99,120,207)
```
#5b73d7
```
#5b73d7 rgb(91,115,215)
```
#536edf
```
#536edf rgb(83,110,223)
```
#4c69e6
```
#4c69e6 rgb(76,105,230)
```
#4465ee
```
#4465ee rgb(68,101,238)
```
#3c60f6
```
#3c60f6 rgb(60,96,246)
```
#345bfe
```
#345bfe rgb(52,91,254)
```

Tone Color Variation

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

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1269e9 Protanomaly 1% of men, 0.01% of women
#126dd6 Deuteranomaly 6% of men, 0.4% of women
#1272b2 Tritanomaly 0.01% of the population

#345bfe hex color

#345bfe Color Information

#345bfe Color Conversion

Color Schemes with #345bfe

Alternatives to #345bfe

#345bfe Preview

Shades and Tints of #345bfe

Tones of #345bfe

Color Blindness Simulator