#345dfb hex color

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

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

● #345dfb color description : Bright blue.

The hexadecimal color #345dfb has RGB values of R:52, G:93, B:251 and CMYK values of C:0.79, M:0.63, Y:0, K:0.02. Its decimal value is 3431931.

Hex triplet	345dfb	`#345dfb`
RGB Decimal	52, 93, 251	`rgb(52,93,251)`
RGB Percent	20.4, 36.5, 98.4	`rgb(20.4%,36.5%,98.4%)`
CMYK	79, 63, 0, 2
HSL	227.6°, 96.1, 59.4	`hsl(227.6,96.1%,59.4%)`
HSV (or HSB)	227.6°, 79.3, 98.4
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.341, 41.685, -82.315
XYZ	22.739, 15.522, 93.059
xyY	0.173, 0.118, 15.522
CIE-LCH	46.341, 92.268, 296.858
CIE-LUV	46.341, -16.715, -124.761
Hunter-Lab	39.398, 34.078, -112.465
Binary	00110100, 01011101, 11111011

#345dfb
```
#345dfb rgb(52,93,251)
```
#fbd234
```
#fbd234 rgb(251,210,52)
```

Complementary Color

#34c1fb
```
#34c1fb rgb(52,193,251)
```
#345dfb
```
#345dfb rgb(52,93,251)
```
#6f34fb
```
#6f34fb rgb(111,52,251)
```

Analogous Color

#c1fb34
```
#c1fb34 rgb(193,251,52)
```
#345dfb
```
#345dfb rgb(52,93,251)
```
#fb6f34
```
#fb6f34 rgb(251,111,52)
```

Split Complementary Color

#5dfb34
```
#5dfb34 rgb(93,251,52)
```
#345dfb
```
#345dfb rgb(52,93,251)
```
#fb345d
```
#fb345d rgb(251,52,93)
```

Triadic Color

#34fbd2
```
#34fbd2 rgb(52,251,210)
```
#345dfb
```
#345dfb rgb(52,93,251)
```
#fb345d
```
#fb345d rgb(251,52,93)
```
#fbd234
```
#fbd234 rgb(251,210,52)
```

Tetradic Color

#0431de
```
#0431de rgb(4,49,222)
```
#0537f7
```
#0537f7 rgb(5,55,247)
```
#1b49fb
```
#1b49fb rgb(27,73,251)
```
#345dfb
```
#345dfb rgb(52,93,251)
```
#4d71fb
```
#4d71fb rgb(77,113,251)
```
#6685fc
```
#6685fc rgb(102,133,252)
```
#7f99fc
```
#7f99fc rgb(127,153,252)
```

Monochromatic Color

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

#348ffb
```
#348ffb rgb(52,143,251)
```
#347efb
```
#347efb rgb(52,126,251)
```
#346efb
```
#346efb rgb(52,110,251)
```
#345dfb
```
#345dfb rgb(52,93,251)
```
#344cfb
```
#344cfb rgb(52,76,251)
```
#343cfb
```
#343cfb rgb(52,60,251)
```
#3d34fb
```
#3d34fb rgb(61,52,251)
```

Similar Colors

Text with hexadecimal color #345dfb

This text has a font color of #345dfb.

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

#345dfb background color

This paragraph has a background color of #345dfb.

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

#345dfb border color

This element has a border color of #345dfb.

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

CSS codes

.text {color:#345dfb;}

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

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

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)
```
#010a2f
```
#010a2f rgb(1,10,47)
```
#010f42
```
#010f42 rgb(1,15,66)
```
#021356
```
#021356 rgb(2,19,86)
```
#021769
```
#021769 rgb(2,23,105)
```
#021b7c
```
#021b7c rgb(2,27,124)
```
#03208f
```
#03208f rgb(3,32,143)
```
#0324a2
```
#0324a2 rgb(3,36,162)
```
#0428b6
```
#0428b6 rgb(4,40,182)
```
#042dc9
```
#042dc9 rgb(4,45,201)
```
#0431dc
```
#0431dc rgb(4,49,220)
```
#0535ef
```
#0535ef rgb(5,53,239)
```

Shade Color Variation

#0e3efa
```
#0e3efa rgb(14,62,250)
```
#214efb
```
#214efb rgb(33,78,251)
```
#345dfb
```
#345dfb rgb(52,93,251)
```
#476cfb
```
#476cfb rgb(71,108,251)
```
#5a7cfc
```
#5a7cfc rgb(90,124,252)
```
#6e8bfc
```
#6e8bfc rgb(110,139,252)
```
#819afd
```
#819afd rgb(129,154,253)
```
#94aafd
```
#94aafd rgb(148,170,253)
```
#a7b9fd
```
#a7b9fd rgb(167,185,253)
```
#bbc8fe
```
#bbc8fe rgb(187,200,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 #345dfb is the most saturated one.

#94959b
```
#94959b rgb(148,149,155)
```
#8c90a3
```
#8c90a3 rgb(140,144,163)
```
#848cab
```
#848cab rgb(132,140,171)
```
#7c87b3
```
#7c87b3 rgb(124,135,179)
```
#7482bb
```
#7482bb rgb(116,130,187)
```
#6c7ec3
```
#6c7ec3 rgb(108,126,195)
```
#6479cb
```
#6479cb rgb(100,121,203)
```
#5c74d3
```
#5c74d3 rgb(92,116,211)
```
#5470db
```
#5470db rgb(84,112,219)
```
#4c6be3
```
#4c6be3 rgb(76,107,227)
```
#4466eb
```
#4466eb rgb(68,102,235)
```
#3c62f3
```
#3c62f3 rgb(60,98,243)
```
#345dfb
```
#345dfb rgb(52,93,251)
```

Tone Color Variation

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

Dichromacy

#0071de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#126ae8 Protanomaly 1% of men, 0.01% of women
#126ed6 Deuteranomaly 6% of men, 0.4% of women
#1273b1 Tritanomaly 0.01% of the population

#345dfb hex color

#345dfb Color Information

#345dfb Color Conversion

Color Schemes with #345dfb

Alternatives to #345dfb

#345dfb Preview

Shades and Tints of #345dfb

Tones of #345dfb

Color Blindness Simulator