#345dfe hex color

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

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

● #345dfe color description : Bright blue.

The hexadecimal color #345dfe has RGB values of R:52, G:93, B:254 and CMYK values of C:0.8, M:0.63, Y:0, K:0. Its decimal value is 3431934.

Hex triplet	345dfe	`#345dfe`
RGB Decimal	52, 93, 254	`rgb(52,93,254)`
RGB Percent	20.4, 36.5, 99.6	`rgb(20.4%,36.5%,99.6%)`
CMYK	80, 63, 0, 0
HSL	227.8°, 99, 60	`hsl(227.8,99%,60%)`
HSV (or HSB)	227.8°, 79.5, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.595, 42.743, -83.569
XYZ	23.216, 15.713, 95.57
xyY	0.173, 0.117, 15.713
CIE-LCH	46.595, 93.865, 297.088
CIE-LUV	46.595, -16.742, -126.692
Hunter-Lab	39.639, 35.176, -115.199
Binary	00110100, 01011101, 11111110

#345dfe
```
#345dfe rgb(52,93,254)
```
#fed534
```
#fed534 rgb(254,213,52)
```

Complementary Color

#34c2fe
```
#34c2fe rgb(52,194,254)
```
#345dfe
```
#345dfe rgb(52,93,254)
```
#7034fe
```
#7034fe rgb(112,52,254)
```

Analogous Color

#c2fe34
```
#c2fe34 rgb(194,254,52)
```
#345dfe
```
#345dfe rgb(52,93,254)
```
#fe7034
```
#fe7034 rgb(254,112,52)
```

Split Complementary Color

#5dfe34
```
#5dfe34 rgb(93,254,52)
```
#345dfe
```
#345dfe rgb(52,93,254)
```
#fe345d
```
#fe345d rgb(254,52,93)
```

Triadic Color

#34fed5
```
#34fed5 rgb(52,254,213)
```
#345dfe
```
#345dfe rgb(52,93,254)
```
#fe345d
```
#fe345d rgb(254,52,93)
```
#fed534
```
#fed534 rgb(254,213,52)
```

Tetradic Color

#012fe4
```
#012fe4 rgb(1,47,228)
```
#0135fe
```
#0135fe rgb(1,53,254)
```
#1b49fe
```
#1b49fe rgb(27,73,254)
```
#345dfe
```
#345dfe rgb(52,93,254)
```
#4d71fe
```
#4d71fe rgb(77,113,254)
```
#6786fe
```
#6786fe rgb(103,134,254)
```
#809afe
```
#809afe rgb(128,154,254)
```

Monochromatic Color

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

#3490fe
```
#3490fe rgb(52,144,254)
```
#347ffe
```
#347ffe rgb(52,127,254)
```
#346efe
```
#346efe rgb(52,110,254)
```
#345dfe
```
#345dfe rgb(52,93,254)
```
#344cfe
```
#344cfe rgb(52,76,254)
```
#343bfe
```
#343bfe rgb(52,59,254)
```
#3d34fe
```
#3d34fe rgb(61,52,254)
```

Similar Colors

Text with hexadecimal color #345dfe

This text has a font color of #345dfe.

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

#345dfe background color

This paragraph has a background color of #345dfe.

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

#345dfe border color

This element has a border color of #345dfe.

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

CSS codes

.text {color:#345dfe;}

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

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

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)
```
#000b33
```
#000b33 rgb(0,11,51)
```
#000f46
```
#000f46 rgb(0,15,70)
```
#00135a
```
#00135a rgb(0,19,90)
```
#01176d
```
#01176d rgb(1,23,109)
```
#011b81
```
#011b81 rgb(1,27,129)
```
#011f94
```
#011f94 rgb(1,31,148)
```
#0123a8
```
#0123a8 rgb(1,35,168)
```
#0127bb
```
#0127bb rgb(1,39,187)
```
#012bcf
```
#012bcf rgb(1,43,207)
```
#012fe2
```
#012fe2 rgb(1,47,226)
```
#0133f6
```
#0133f6 rgb(1,51,246)
```

Shade Color Variation

#0d3efe
```
#0d3efe rgb(13,62,254)
```
#204dfe
```
#204dfe rgb(32,77,254)
```
#345dfe
```
#345dfe rgb(52,93,254)
```
#486dfe
```
#486dfe rgb(72,109,254)
```
#5b7cfe
```
#5b7cfe rgb(91,124,254)
```
#6f8cfe
```
#6f8cfe rgb(111,140,254)
```
#829bfe
```
#829bfe rgb(130,155,254)
```
#96abfe
```
#96abfe rgb(150,171,254)
```
#a9baff
```
#a9baff rgb(169,186,255)
```
#bdcaff
```
#bdcaff rgb(189,202,255)
```
#d0daff
```
#d0daff rgb(208,218,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 #345dfe is the most saturated one.

#9295a0
```
#9295a0 rgb(146,149,160)
```
#8a90a8
```
#8a90a8 rgb(138,144,168)
```
#828cb0
```
#828cb0 rgb(130,140,176)
```
#7b87b7
```
#7b87b7 rgb(123,135,183)
```
#7382bf
```
#7382bf rgb(115,130,191)
```
#6b7ec7
```
#6b7ec7 rgb(107,126,199)
```
#6379cf
```
#6379cf rgb(99,121,207)
```
#5b74d7
```
#5b74d7 rgb(91,116,215)
```
#5370df
```
#5370df rgb(83,112,223)
```
#4c6be6
```
#4c6be6 rgb(76,107,230)
```
#4466ee
```
#4466ee rgb(68,102,238)
```
#3c62f6
```
#3c62f6 rgb(60,98,246)
```
#345dfe
```
#345dfe rgb(52,93,254)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5a6282 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0079c2 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#126aea Protanomaly 1% of men, 0.01% of women
#126ed7 Deuteranomaly 6% of men, 0.4% of women
#1274b3 Tritanomaly 0.01% of the population

#345dfe hex color

#345dfe Color Information

#345dfe Color Conversion

Color Schemes with #345dfe

Alternatives to #345dfe

#345dfe Preview

Shades and Tints of #345dfe

Tones of #345dfe

Color Blindness Simulator