#345ceb hex color

In a RGB color space, hex #345ceb is composed of 20.4% red, 36.1% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 60.9% magenta, 0% yellow and 7.8% black. It has a hue angle of 226.9 degrees, a saturation of 82.1% and a lightness of 56.3%. #345ceb color hex could be obtained by blending #68b8ff with #0000d7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 36
- B 92
RGB color chart
- C 78
- M 61
- Y 0
- K 8
CMYK color chart

● #345ceb color description : Bright blue.

The hexadecimal color #345ceb has RGB values of R:52, G:92, B:235 and CMYK values of C:0.78, M:0.61, Y:0, K:0.08. Its decimal value is 3431659.

Hex triplet	345ceb	`#345ceb`
RGB Decimal	52, 92, 235	`rgb(52,92,235)`
RGB Percent	20.4, 36.1, 92.2	`rgb(20.4%,36.1%,92.2%)`
CMYK	78, 61, 0, 8
HSL	226.9°, 82.1, 56.3	`hsl(226.9,82.1%,56.3%)`
HSV (or HSB)	226.9°, 77.9, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.775, 36.599, -75.914
XYZ	20.236, 14.381, 80.302
xyY	0.176, 0.125, 14.381
CIE-LCH	44.775, 84.276, 295.739
CIE-LUV	44.775, -16.355, -114.618
Hunter-Lab	37.922, 28.884, -99.003
Binary	00110100, 01011100, 11101011

#345ceb
```
#345ceb rgb(52,92,235)
```
#ebc334
```
#ebc334 rgb(235,195,52)
```

Complementary Color

#34b8eb
```
#34b8eb rgb(52,184,235)
```
#345ceb
```
#345ceb rgb(52,92,235)
```
#6834eb
```
#6834eb rgb(104,52,235)
```

Analogous Color

#b8eb34
```
#b8eb34 rgb(184,235,52)
```
#345ceb
```
#345ceb rgb(52,92,235)
```
#eb6834
```
#eb6834 rgb(235,104,52)
```

Split Complementary Color

#5ceb34
```
#5ceb34 rgb(92,235,52)
```
#345ceb
```
#345ceb rgb(52,92,235)
```
#eb345c
```
#eb345c rgb(235,52,92)
```

Triadic Color

#34ebc3
```
#34ebc3 rgb(52,235,195)
```
#345ceb
```
#345ceb rgb(52,92,235)
```
#eb345c
```
#eb345c rgb(235,52,92)
```
#ebc334
```
#ebc334 rgb(235,195,52)
```

Tetradic Color

#1339c0
```
#1339c0 rgb(19,57,192)
```
#153fd7
```
#153fd7 rgb(21,63,215)
```
#1d49e9
```
#1d49e9 rgb(29,73,233)
```
#345ceb
```
#345ceb rgb(52,92,235)
```
#4b6fed
```
#4b6fed rgb(75,111,237)
```
#6281f0
```
#6281f0 rgb(98,129,240)
```
#7a94f2
```
#7a94f2 rgb(122,148,242)
```

Monochromatic Color

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

#348aeb
```
#348aeb rgb(52,138,235)
```
#347beb
```
#347beb rgb(52,123,235)
```
#346beb
```
#346beb rgb(52,107,235)
```
#345ceb
```
#345ceb rgb(52,92,235)
```
#344deb
```
#344deb rgb(52,77,235)
```
#343eeb
```
#343eeb rgb(52,62,235)
```
#3a34eb
```
#3a34eb rgb(58,52,235)
```

Similar Colors

Text with hexadecimal color #345ceb

This text has a font color of #345ceb.

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

#345ceb background color

This paragraph has a background color of #345ceb.

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

#345ceb border color

This element has a border color of #345ceb.

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

CSS codes

.text {color:#345ceb;}

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

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

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, #01030b is the darkest color, while #f8fafe is the lightest one.

#01030b
```
#01030b rgb(1,3,11)
```
#03091d
```
#03091d rgb(3,9,29)
```
#050e2f
```
#050e2f rgb(5,14,47)
```
#061341
```
#061341 rgb(6,19,65)
```
#081853
```
#081853 rgb(8,24,83)
```
#0a1e65
```
#0a1e65 rgb(10,30,101)
```
#0c2376
```
#0c2376 rgb(12,35,118)
```
#0d2888
```
#0d2888 rgb(13,40,136)
```
#0f2e9a
```
#0f2e9a rgb(15,46,154)
```
#1133ac
```
#1133ac rgb(17,51,172)
```
#1338be
```
#1338be rgb(19,56,190)
```
#143dd0
```
#143dd0 rgb(20,61,208)
```
#1643e2
```
#1643e2 rgb(22,67,226)
```

Shade Color Variation

#224ee9
```
#224ee9 rgb(34,78,233)
```
#345ceb
```
#345ceb rgb(52,92,235)
```
#466aed
```
#466aed rgb(70,106,237)
```
#5879ef
```
#5879ef rgb(88,121,239)
```
#6a87f0
```
#6a87f0 rgb(106,135,240)
```
#7b95f2
```
#7b95f2 rgb(123,149,242)
```
#8da4f4
```
#8da4f4 rgb(141,164,244)
```
#9fb2f6
```
#9fb2f6 rgb(159,178,246)
```
#b1c0f7
```
#b1c0f7 rgb(177,192,247)
```
#c3cff9
```
#c3cff9 rgb(195,207,249)
```
#d5ddfb
```
#d5ddfb rgb(213,221,251)
```
#e7ebfd
```
#e7ebfd rgb(231,235,253)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8c95 is the less saturated color, while #2352fc is the most saturated one.

#8a8c95
```
#8a8c95 rgb(138,140,149)
```
#81879e
```
#81879e rgb(129,135,158)
```
#7983a6
```
#7983a6 rgb(121,131,166)
```
#707eaf
```
#707eaf rgb(112,126,175)
```
#6779b8
```
#6779b8 rgb(103,121,184)
```
#5f74c0
```
#5f74c0 rgb(95,116,192)
```
#566fc9
```
#566fc9 rgb(86,111,201)
```
#4e6ad1
```
#4e6ad1 rgb(78,106,209)
```
#4566da
```
#4566da rgb(69,102,218)
```
#3d61e2
```
#3d61e2 rgb(61,97,226)
```
#345ceb
```
#345ceb rgb(52,92,235)
```
#2b57f4
```
#2b57f4 rgb(43,87,244)
```
#2352fc
```
#2352fc rgb(35,82,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#575f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1267de Protanomaly 1% of men, 0.01% of women
#126bcc Deuteranomaly 6% of men, 0.4% of women
#1270a9 Tritanomaly 0.01% of the population

#345ceb hex color

#345ceb Color Information

#345ceb Color Conversion

Color Schemes with #345ceb

Alternatives to #345ceb

#345ceb Preview

Shades and Tints of #345ceb

Tones of #345ceb

Color Blindness Simulator