#345ffb hex color

In a RGB color space, hex #345ffb is composed of 20.4% red, 37.3% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 62.2% magenta, 0% yellow and 1.6% black. It has a hue angle of 227 degrees, a saturation of 96.1% and a lightness of 59.4%. #345ffb color hex could be obtained by blending #68beff with #0000f7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 37
- B 98
RGB color chart
- C 79
- M 62
- Y 0
- K 2
CMYK color chart

● #345ffb color description : Bright blue.

The hexadecimal color #345ffb has RGB values of R:52, G:95, B:251 and CMYK values of C:0.79, M:0.62, Y:0, K:0.02. Its decimal value is 3432443.

Hex triplet	345ffb	`#345ffb`
RGB Decimal	52, 95, 251	`rgb(52,95,251)`
RGB Percent	20.4, 37.3, 98.4	`rgb(20.4%,37.3%,98.4%)`
CMYK	79, 62, 0, 2
HSL	227°, 96.1, 59.4	`hsl(227,96.1%,59.4%)`
HSV (or HSB)	227°, 79.3, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.814, 40.455, -81.541
XYZ	22.917, 15.878, 93.118
xyY	0.174, 0.12, 15.878
CIE-LCH	46.814, 91.025, 296.387
CIE-LUV	46.814, -17.174, -124.102
Hunter-Lab	39.847, 32.929, -110.662
Binary	00110100, 01011111, 11111011

#345ffb
```
#345ffb rgb(52,95,251)
```
#fbd034
```
#fbd034 rgb(251,208,52)
```

Complementary Color

#34c3fb
```
#34c3fb rgb(52,195,251)
```
#345ffb
```
#345ffb rgb(52,95,251)
```
#6d34fb
```
#6d34fb rgb(109,52,251)
```

Analogous Color

#c3fb34
```
#c3fb34 rgb(195,251,52)
```
#345ffb
```
#345ffb rgb(52,95,251)
```
#fb6d34
```
#fb6d34 rgb(251,109,52)
```

Split Complementary Color

#5ffb34
```
#5ffb34 rgb(95,251,52)
```
#345ffb
```
#345ffb rgb(52,95,251)
```
#fb345f
```
#fb345f rgb(251,52,95)
```

Triadic Color

#34fbd0
```
#34fbd0 rgb(52,251,208)
```
#345ffb
```
#345ffb rgb(52,95,251)
```
#fb345f
```
#fb345f rgb(251,52,95)
```
#fbd034
```
#fbd034 rgb(251,208,52)
```

Tetradic Color

#0433de
```
#0433de rgb(4,51,222)
```
#0539f7
```
#0539f7 rgb(5,57,247)
```
#1b4bfb
```
#1b4bfb rgb(27,75,251)
```
#345ffb
```
#345ffb rgb(52,95,251)
```
#4d73fb
```
#4d73fb rgb(77,115,251)
```
#6686fc
```
#6686fc rgb(102,134,252)
```
#7f9afc
```
#7f9afc rgb(127,154,252)
```

Monochromatic Color

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

#3491fb
```
#3491fb rgb(52,145,251)
```
#3480fb
```
#3480fb rgb(52,128,251)
```
#3470fb
```
#3470fb rgb(52,112,251)
```
#345ffb
```
#345ffb rgb(52,95,251)
```
#344efb
```
#344efb rgb(52,78,251)
```
#343efb
```
#343efb rgb(52,62,251)
```
#3b34fb
```
#3b34fb rgb(59,52,251)
```

Similar Colors

Text with hexadecimal color #345ffb

This text has a font color of #345ffb.

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

#345ffb background color

This paragraph has a background color of #345ffb.

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

#345ffb border color

This element has a border color of #345ffb.

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

CSS codes

.text {color:#345ffb;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01061c
```
#01061c rgb(1,6,28)
```
#010b2f
```
#010b2f rgb(1,11,47)
```
#010f42
```
#010f42 rgb(1,15,66)
```
#021456
```
#021456 rgb(2,20,86)
```
#021869
```
#021869 rgb(2,24,105)
```
#021d7c
```
#021d7c rgb(2,29,124)
```
#03218f
```
#03218f rgb(3,33,143)
```
#0326a2
```
#0326a2 rgb(3,38,162)
```
#042ab6
```
#042ab6 rgb(4,42,182)
```
#042fc9
```
#042fc9 rgb(4,47,201)
```
#0433dc
```
#0433dc rgb(4,51,220)
```
#0537ef
```
#0537ef rgb(5,55,239)
```

Shade Color Variation

#0e41fa
```
#0e41fa rgb(14,65,250)
```
#2150fb
```
#2150fb rgb(33,80,251)
```
#345ffb
```
#345ffb rgb(52,95,251)
```
#476efb
```
#476efb rgb(71,110,251)
```
#5a7dfc
```
#5a7dfc rgb(90,125,252)
```
#6e8cfc
```
#6e8cfc rgb(110,140,252)
```
#819cfd
```
#819cfd rgb(129,156,253)
```
#94abfd
```
#94abfd rgb(148,171,253)
```
#a7bafd
```
#a7bafd rgb(167,186,253)
```
#bbc9fe
```
#bbc9fe rgb(187,201,254)
```
#ced8fe
```
#ced8fe rgb(206,216,254)
```
#e1e7fe
```
#e1e7fe rgb(225,231,254)
```
#f4f7ff
```
#f4f7ff rgb(244,247,255)
```

Tint Color Variation

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

#94959b
```
#94959b rgb(148,149,155)
```
#8c91a3
```
#8c91a3 rgb(140,145,163)
```
#848cab
```
#848cab rgb(132,140,171)
```
#7c88b3
```
#7c88b3 rgb(124,136,179)
```
#7483bb
```
#7483bb rgb(116,131,187)
```
#6c7fc3
```
#6c7fc3 rgb(108,127,195)
```
#647acb
```
#647acb rgb(100,122,203)
```
#5c76d3
```
#5c76d3 rgb(92,118,211)
```
#5471db
```
#5471db rgb(84,113,219)
```
#4c6de3
```
#4c6de3 rgb(76,109,227)
```
#4468eb
```
#4468eb rgb(68,104,235)
```
#3c64f3
```
#3c64f3 rgb(60,100,243)
```
#345ffb
```
#345ffb rgb(52,95,251)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5a6382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#126bea Protanomaly 1% of men, 0.01% of women
#126fd7 Deuteranomaly 6% of men, 0.4% of women
#1275b2 Tritanomaly 0.01% of the population

#345ffb hex color

#345ffb Color Information

#345ffb Color Conversion

Color Schemes with #345ffb

Alternatives to #345ffb

#345ffb Preview

Shades and Tints of #345ffb

Tones of #345ffb

Color Blindness Simulator