#345afe hex color

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

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

● #345afe color description : Bright blue.

The hexadecimal color #345afe has RGB values of R:52, G:90, B:254 and CMYK values of C:0.8, M:0.65, Y:0, K:0. Its decimal value is 3431166.

Hex triplet	345afe	`#345afe`
RGB Decimal	52, 90, 254	`rgb(52,90,254)`
RGB Percent	20.4, 35.3, 99.6	`rgb(20.4%,35.3%,99.6%)`
CMYK	80, 65, 0, 0
HSL	228.7°, 99, 60	`hsl(228.7,99%,60%)`
HSV (or HSB)	228.7°, 79.5, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.902, 44.569, -84.706
XYZ	22.958, 15.196, 95.484
xyY	0.172, 0.114, 15.196
CIE-LCH	45.902, 95.716, 297.751
CIE-LUV	45.902, -16.078, -127.59
Hunter-Lab	38.983, 36.904, -117.936
Binary	00110100, 01011010, 11111110

#345afe
```
#345afe rgb(52,90,254)
```
#fed834
```
#fed834 rgb(254,216,52)
```

Complementary Color

#34bffe
```
#34bffe rgb(52,191,254)
```
#345afe
```
#345afe rgb(52,90,254)
```
#7334fe
```
#7334fe rgb(115,52,254)
```

Analogous Color

#bffe34
```
#bffe34 rgb(191,254,52)
```
#345afe
```
#345afe rgb(52,90,254)
```
#fe7334
```
#fe7334 rgb(254,115,52)
```

Split Complementary Color

#5afe34
```
#5afe34 rgb(90,254,52)
```
#345afe
```
#345afe rgb(52,90,254)
```
#fe345a
```
#fe345a rgb(254,52,90)
```

Triadic Color

#34fed8
```
#34fed8 rgb(52,254,216)
```
#345afe
```
#345afe rgb(52,90,254)
```
#fe345a
```
#fe345a rgb(254,52,90)
```
#fed834
```
#fed834 rgb(254,216,52)
```

Tetradic Color

#012ce4
```
#012ce4 rgb(1,44,228)
```
#0131fe
```
#0131fe rgb(1,49,254)
```
#1b45fe
```
#1b45fe rgb(27,69,254)
```
#345afe
```
#345afe rgb(52,90,254)
```
#4d6ffe
```
#4d6ffe rgb(77,111,254)
```
#6783fe
```
#6783fe rgb(103,131,254)
```
#8098fe
```
#8098fe rgb(128,152,254)
```

Monochromatic Color

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

#348dfe
```
#348dfe rgb(52,141,254)
```
#347cfe
```
#347cfe rgb(52,124,254)
```
#346bfe
```
#346bfe rgb(52,107,254)
```
#345afe
```
#345afe rgb(52,90,254)
```
#3449fe
```
#3449fe rgb(52,73,254)
```
#3438fe
```
#3438fe rgb(52,56,254)
```
#4134fe
```
#4134fe rgb(65,52,254)
```

Similar Colors

Text with hexadecimal color #345afe

This text has a font color of #345afe.

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

#345afe background color

This paragraph has a background color of #345afe.

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

#345afe border color

This element has a border color of #345afe.

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

CSS codes

.text {color:#345afe;}

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

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

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)
```
#00115a
```
#00115a rgb(0,17,90)
```
#01156d
```
#01156d rgb(1,21,109)
```
#011981
```
#011981 rgb(1,25,129)
```
#011d94
```
#011d94 rgb(1,29,148)
```
#0120a8
```
#0120a8 rgb(1,32,168)
```
#0124bb
```
#0124bb rgb(1,36,187)
```
#0128cf
```
#0128cf rgb(1,40,207)
```
#012ce2
```
#012ce2 rgb(1,44,226)
```
#012ff6
```
#012ff6 rgb(1,47,246)
```

Shade Color Variation

#0d3afe
```
#0d3afe rgb(13,58,254)
```
#204afe
```
#204afe rgb(32,74,254)
```
#345afe
```
#345afe rgb(52,90,254)
```
#486afe
```
#486afe rgb(72,106,254)
```
#5b7afe
```
#5b7afe rgb(91,122,254)
```
#6f8afe
```
#6f8afe rgb(111,138,254)
```
#8299fe
```
#8299fe rgb(130,153,254)
```
#96a9fe
```
#96a9fe rgb(150,169,254)
```
#a9b9ff
```
#a9b9ff rgb(169,185,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 #345afe 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)
```
#7381bf
```
#7381bf rgb(115,129,191)
```
#6b7cc7
```
#6b7cc7 rgb(107,124,199)
```
#6377cf
```
#6377cf rgb(99,119,207)
```
#5b72d7
```
#5b72d7 rgb(91,114,215)
```
#536edf
```
#536edf rgb(83,110,223)
```
#4c69e6
```
#4c69e6 rgb(76,105,230)
```
#4464ee
```
#4464ee rgb(68,100,238)
```
#3c5ff6
```
#3c5ff6 rgb(60,95,246)
```
#345afe
```
#345afe rgb(52,90,254)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#586080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dc Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#1268e8 Protanomaly 1% of men, 0.01% of women
#126cd6 Deuteranomaly 6% of men, 0.4% of women
#1272b1 Tritanomaly 0.01% of the population

#345afe hex color

#345afe Color Information

#345afe Color Conversion

Color Schemes with #345afe

Alternatives to #345afe

#345afe Preview

Shades and Tints of #345afe

Tones of #345afe

Color Blindness Simulator