#2345e2 hex color

In a RGB color space, hex #2345e2 is composed of 13.7% red, 27.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 69.5% magenta, 0% yellow and 11.4% black. It has a hue angle of 229.3 degrees, a saturation of 76.7% and a lightness of 51.2%. #2345e2 color hex could be obtained by blending #468aff with #0000c5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 14
- G 27
- B 89
RGB color chart
- C 85
- M 69
- Y 0
- K 11
CMYK color chart

● #2345e2 color description : Bright blue.

The hexadecimal color #2345e2 has RGB values of R:35, G:69, B:226 and CMYK values of C:0.85, M:0.69, Y:0, K:0.11. Its decimal value is 2311650.

Hex triplet	2345e2	`#2345e2`
RGB Decimal	35, 69, 226	`rgb(35,69,226)`
RGB Percent	13.7, 27.1, 88.6	`rgb(13.7%,27.1%,88.6%)`
CMYK	85, 69, 0, 11
HSL	229.3°, 76.7, 51.2	`hsl(229.3,76.7%,51.2%)`
HSV (or HSB)	229.3°, 84.5, 88.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.027, 46.306, -81.915
XYZ	16.546, 10.103, 73.025
xyY	0.166, 0.101, 10.103
CIE-LCH	38.027, 94.098, 299.479
CIE-LUV	38.027, -13.297, -115.422
Hunter-Lab	31.786, 37.292, -113.965
Binary	00100011, 01000101, 11100010

#2345e2
```
#2345e2 rgb(35,69,226)
```
#e2c023
```
#e2c023 rgb(226,192,35)
```

Complementary Color

#23a5e2
```
#23a5e2 rgb(35,165,226)
```
#2345e2
```
#2345e2 rgb(35,69,226)
```
#6123e2
```
#6123e2 rgb(97,35,226)
```

Analogous Color

#a5e223
```
#a5e223 rgb(165,226,35)
```
#2345e2
```
#2345e2 rgb(35,69,226)
```
#e26123
```
#e26123 rgb(226,97,35)
```

Split Complementary Color

#45e223
```
#45e223 rgb(69,226,35)
```
#2345e2
```
#2345e2 rgb(35,69,226)
```
#e22345
```
#e22345 rgb(226,35,69)
```

Triadic Color

#23e2c0
```
#23e2c0 rgb(35,226,192)
```
#2345e2
```
#2345e2 rgb(35,69,226)
```
#e22345
```
#e22345 rgb(226,35,69)
```
#e2c023
```
#e2c023 rgb(226,192,35)
```

Tetradic Color

#152fa3
```
#152fa3 rgb(21,47,163)
```
#1835ba
```
#1835ba rgb(24,53,186)
```
#1b3cd0
```
#1b3cd0 rgb(27,60,208)
```
#2345e2
```
#2345e2 rgb(35,69,226)
```
#3a58e5
```
#3a58e5 rgb(58,88,229)
```
#506be8
```
#506be8 rgb(80,107,232)
```
#677eeb
```
#677eeb rgb(103,126,235)
```

Monochromatic Color

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

#2375e2
```
#2375e2 rgb(35,117,226)
```
#2365e2
```
#2365e2 rgb(35,101,226)
```
#2355e2
```
#2355e2 rgb(35,85,226)
```
#2345e2
```
#2345e2 rgb(35,69,226)
```
#2335e2
```
#2335e2 rgb(35,53,226)
```
#2325e2
```
#2325e2 rgb(35,37,226)
```
#3123e2
```
#3123e2 rgb(49,35,226)
```

Similar Colors

Text with hexadecimal color #2345e2

This text has a font color of #2345e2.

<span style="color:#2345e2;">Text here</span>

#2345e2 background color

This paragraph has a background color of #2345e2.

<p style="background-color:#2345e2;">Content here</p>

#2345e2 border color

This element has a border color of #2345e2.

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

CSS codes

.text {color:#2345e2;}

.background {background-color:#2345e2;}

.border {border:1px solid #2345e2;}

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

#010205
```
#010205 rgb(1,2,5)
```
#030617
```
#030617 rgb(3,6,23)
```
#050b28
```
#050b28 rgb(5,11,40)
```
#081039
```
#081039 rgb(8,16,57)
```
#0a154b
```
#0a154b rgb(10,21,75)
```
#0c1a5c
```
#0c1a5c rgb(12,26,92)
```
#0e1f6d
```
#0e1f6d rgb(14,31,109)
```
#11247f
```
#11247f rgb(17,36,127)
```
#132990
```
#132990 rgb(19,41,144)
```
#152ea1
```
#152ea1 rgb(21,46,161)
```
#1833b3
```
#1833b3 rgb(24,51,179)
```
#1a38c4
```
#1a38c4 rgb(26,56,196)
```
#1c3dd5
```
#1c3dd5 rgb(28,61,213)
```

Shade Color Variation

#2345e2
```
#2345e2 rgb(35,69,226)
```
#3454e4
```
#3454e4 rgb(52,84,228)
```
#4662e7
```
#4662e7 rgb(70,98,231)
```
#5771e9
```
#5771e9 rgb(87,113,233)
```
#6880eb
```
#6880eb rgb(104,128,235)
```
#7a8eed
```
#7a8eed rgb(122,142,237)
```
#8b9df0
```
#8b9df0 rgb(139,157,240)
```
#9cacf2
```
#9cacf2 rgb(156,172,242)
```
#aebaf4
```
#aebaf4 rgb(174,186,244)
```
#bfc9f7
```
#bfc9f7 rgb(191,201,247)
```
#d0d8f9
```
#d0d8f9 rgb(208,216,249)
```
#e2e6fb
```
#e2e6fb rgb(226,230,251)
```
#f3f5fd
```
#f3f5fd rgb(243,245,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797d8c is the less saturated color, while #0632ff is the most saturated one.

#797d8c
```
#797d8c rgb(121,125,140)
```
#707695
```
#707695 rgb(112,118,149)
```
#66709f
```
#66709f rgb(102,112,159)
```
#5c6aa9
```
#5c6aa9 rgb(92,106,169)
```
#5364b2
```
#5364b2 rgb(83,100,178)
```
#495ebc
```
#495ebc rgb(73,94,188)
```
#4058c5
```
#4058c5 rgb(64,88,197)
```
#3651cf
```
#3651cf rgb(54,81,207)
```
#2d4bd8
```
#2d4bd8 rgb(45,75,216)
```
#2345e2
```
#2345e2 rgb(35,69,226)
```
#193fec
```
#193fec rgb(25,63,236)
```
#1039f5
```
#1039f5 rgb(16,57,245)
```
#0632ff
```
#0632ff rgb(6,50,255)
```

Tone Color Variation

Below, you can see how #2345e2 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

#4d4d4d Achromatopsia 0.005% of the population
#454b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fb9 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b71 Tritanopia 0.001% of the population

Trichromacy

#0c55c8 Protanomaly 1% of men, 0.01% of women
#0c59b8 Deuteranomaly 6% of men, 0.4% of women
#0c5d9a Tritanomaly 0.01% of the population

#2345e2 hex color

#2345e2 Color Information

#2345e2 Color Conversion

Color Schemes with #2345e2

Alternatives to #2345e2

#2345e2 Preview

Shades and Tints of #2345e2

Tones of #2345e2

Color Blindness Simulator