#345bff hex color

In a RGB color space, hex #345bff is composed of 20.4% red, 35.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 64.3% magenta, 0% yellow and 0% black. It has a hue angle of 228.5 degrees, a saturation of 100% and a lightness of 60.2%. #345bff color hex could be obtained by blending #68b6ff with #0000ff. 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

● #345bff color description : Light blue.

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

Hex triplet	345bff	`#345bff`
RGB Decimal	52, 91, 255	`rgb(52,91,255)`
RGB Percent	20.4, 35.7, 100	`rgb(20.4%,35.7%,100%)`
CMYK	80, 64, 0, 0
HSL	228.5°, 100, 60.2	`hsl(228.5,100%,60.2%)`
HSV (or HSB)	228.5°, 79.6, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.218, 44.312, -84.744
XYZ	23.204, 15.431, 96.358
xyY	0.172, 0.114, 15.431
CIE-LCH	46.218, 95.629, 297.605
CIE-LUV	46.218, -16.308, -127.935
Hunter-Lab	39.282, 36.696, -117.941
Binary	00110100, 01011011, 11111111

#345bff
```
#345bff rgb(52,91,255)
```
#ffd834
```
#ffd834 rgb(255,216,52)
```

Complementary Color

#34c1ff
```
#34c1ff rgb(52,193,255)
```
#345bff
```
#345bff rgb(52,91,255)
```
#7334ff
```
#7334ff rgb(115,52,255)
```

Analogous Color

#c1ff34
```
#c1ff34 rgb(193,255,52)
```
#345bff
```
#345bff rgb(52,91,255)
```
#ff7334
```
#ff7334 rgb(255,115,52)
```

Split Complementary Color

#5bff34
```
#5bff34 rgb(91,255,52)
```
#345bff
```
#345bff rgb(52,91,255)
```
#ff345b
```
#ff345b rgb(255,52,91)
```

Triadic Color

#34ffd8
```
#34ffd8 rgb(52,255,216)
```
#345bff
```
#345bff rgb(52,91,255)
```
#ff345b
```
#ff345b rgb(255,52,91)
```
#ffd834
```
#ffd834 rgb(255,216,52)
```

Tetradic Color

#002ce7
```
#002ce7 rgb(0,44,231)
```
#0132ff
```
#0132ff rgb(1,50,255)
```
#1b46ff
```
#1b46ff rgb(27,70,255)
```
#345bff
```
#345bff rgb(52,91,255)
```
#4e70ff
```
#4e70ff rgb(78,112,255)
```
#6784ff
```
#6784ff rgb(103,132,255)
```
#8199ff
```
#8199ff rgb(129,153,255)
```

Monochromatic Color

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

#348eff
```
#348eff rgb(52,142,255)
```
#347dff
```
#347dff rgb(52,125,255)
```
#346cff
```
#346cff rgb(52,108,255)
```
#345bff
```
#345bff rgb(52,91,255)
```
#344aff
```
#344aff rgb(52,74,255)
```
#3439ff
```
#3439ff rgb(52,57,255)
```
#4034ff
```
#4034ff rgb(64,52,255)
```

Similar Colors

Text with hexadecimal color #345bff

This text has a font color of #345bff.

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

#345bff background color

This paragraph has a background color of #345bff.

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

#345bff border color

This element has a border color of #345bff.

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

CSS codes

.text {color:#345bff;}

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

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

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

#00020d
```
#00020d rgb(0,2,13)
```
#000620
```
#000620 rgb(0,6,32)
```
#000a34
```
#000a34 rgb(0,10,52)
```
#000e48
```
#000e48 rgb(0,14,72)
```
#00125b
```
#00125b rgb(0,18,91)
```
#00156f
```
#00156f rgb(0,21,111)
```
#001982
```
#001982 rgb(0,25,130)
```
#001d96
```
#001d96 rgb(0,29,150)
```
#0021aa
```
#0021aa rgb(0,33,170)
```
#0024bd
```
#0024bd rgb(0,36,189)
```
#0028d1
```
#0028d1 rgb(0,40,209)
```
#002ce5
```
#002ce5 rgb(0,44,229)
```
#0030f8
```
#0030f8 rgb(0,48,248)
```

Shade Color Variation

#0d3bff
```
#0d3bff rgb(13,59,255)
```
#204bff
```
#204bff rgb(32,75,255)
```
#345bff
```
#345bff rgb(52,91,255)
```
#486bff
```
#486bff rgb(72,107,255)
```
#5b7bff
```
#5b7bff rgb(91,123,255)
```
#6f8bff
```
#6f8bff rgb(111,139,255)
```
#829aff
```
#829aff rgb(130,154,255)
```
#96aaff
```
#96aaff rgb(150,170,255)
```
#aabaff
```
#aabaff rgb(170,186,255)
```
#bdcaff
```
#bdcaff rgb(189,202,255)
```
#d1daff
```
#d1daff rgb(209,218,255)
```
#e5eaff
```
#e5eaff rgb(229,234,255)
```
#f8f9ff
```
#f8f9ff rgb(248,249,255)
```

Tint Color Variation

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

#9295a1
```
#9295a1 rgb(146,149,161)
```
#8a90a9
```
#8a90a9 rgb(138,144,169)
```
#828bb1
```
#828bb1 rgb(130,139,177)
```
#7a86b9
```
#7a86b9 rgb(122,134,185)
```
#7281c1
```
#7281c1 rgb(114,129,193)
```
#6b7dc8
```
#6b7dc8 rgb(107,125,200)
```
#6378d0
```
#6378d0 rgb(99,120,208)
```
#5b73d8
```
#5b73d8 rgb(91,115,216)
```
#536ee0
```
#536ee0 rgb(83,110,224)
```
#4b69e8
```
#4b69e8 rgb(75,105,232)
```
#4465ef
```
#4465ef rgb(68,101,239)
```
#3c60f7
```
#3c60f7 rgb(60,96,247)
```
#345bff
```
#345bff rgb(52,91,255)
```

Tone Color Variation

Below, you can see how #345bff 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
#0078c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

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

#345bff hex color

#345bff Color Information

#345bff Color Conversion

Color Schemes with #345bff

Alternatives to #345bff

#345bff Preview

Shades and Tints of #345bff

Tones of #345bff

Color Blindness Simulator