#2348e4 hex color

In a RGB color space, hex #2348e4 is composed of 13.7% red, 28.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 84.6% cyan, 68.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 228.5 degrees, a saturation of 78.1% and a lightness of 51.6%. #2348e4 color hex could be obtained by blending #4690ff with #0000c9. Closest websafe color is: #3333cc.

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

● #2348e4 color description : Bright blue.

The hexadecimal color #2348e4 has RGB values of R:35, G:72, B:228 and CMYK values of C:0.85, M:0.68, Y:0, K:0.11. Its decimal value is 2312420.

Hex triplet	2348e4	`#2348e4`
RGB Decimal	35, 72, 228	`rgb(35,72,228)`
RGB Percent	13.7, 28.2, 89.4	`rgb(13.7%,28.2%,89.4%)`
CMYK	85, 68, 0, 11
HSL	228.5°, 78.1, 51.6	`hsl(228.5,78.1%,51.6%)`
HSV (or HSB)	228.5°, 84.6, 89.4
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.885, 45.202, -81.641
XYZ	17.011, 10.592, 74.542
xyY	0.167, 0.104, 10.592
CIE-LCH	38.885, 93.319, 298.972
CIE-LUV	38.885, -13.914, -116.128
Hunter-Lab	32.546, 36.345, -113.016
Binary	00100011, 01001000, 11100100

#2348e4
```
#2348e4 rgb(35,72,228)
```
#e4bf23
```
#e4bf23 rgb(228,191,35)
```

Complementary Color

#23a9e4
```
#23a9e4 rgb(35,169,228)
```
#2348e4
```
#2348e4 rgb(35,72,228)
```
#5e23e4
```
#5e23e4 rgb(94,35,228)
```

Analogous Color

#a9e423
```
#a9e423 rgb(169,228,35)
```
#2348e4
```
#2348e4 rgb(35,72,228)
```
#e45f23
```
#e45f23 rgb(228,95,35)
```

Split Complementary Color

#48e423
```
#48e423 rgb(72,228,35)
```
#2348e4
```
#2348e4 rgb(35,72,228)
```
#e42348
```
#e42348 rgb(228,35,72)
```

Triadic Color

#23e4bf
```
#23e4bf rgb(35,228,191)
```
#2348e4
```
#2348e4 rgb(35,72,228)
```
#e42348
```
#e42348 rgb(228,35,72)
```
#e4bf23
```
#e4bf23 rgb(228,191,35)
```

Tetradic Color

#1430a6
```
#1430a6 rgb(20,48,166)
```
#1737bd
```
#1737bd rgb(23,55,189)
```
#1a3ed4
```
#1a3ed4 rgb(26,62,212)
```
#2348e4
```
#2348e4 rgb(35,72,228)
```
#3a5be7
```
#3a5be7 rgb(58,91,231)
```
#506eea
```
#506eea rgb(80,110,234)
```
#6781ec
```
#6781ec rgb(103,129,236)
```

Monochromatic Color

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

#2378e4
```
#2378e4 rgb(35,120,228)
```
#2368e4
```
#2368e4 rgb(35,104,228)
```
#2358e4
```
#2358e4 rgb(35,88,228)
```
#2348e4
```
#2348e4 rgb(35,72,228)
```
#2338e4
```
#2338e4 rgb(35,56,228)
```
#2328e4
```
#2328e4 rgb(35,40,228)
```
#2e23e4
```
#2e23e4 rgb(46,35,228)
```

Similar Colors

Text with hexadecimal color #2348e4

This text has a font color of #2348e4.

<span style="color:#2348e4;">Text here</span>

#2348e4 background color

This paragraph has a background color of #2348e4.

<p style="background-color:#2348e4;">Content here</p>

#2348e4 border color

This element has a border color of #2348e4.

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

CSS codes

.text {color:#2348e4;}

.background {background-color:#2348e4;}

.border {border:1px solid #2348e4;}

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

#010207
```
#010207 rgb(1,2,7)
```
#030719
```
#030719 rgb(3,7,25)
```
#050c2a
```
#050c2a rgb(5,12,42)
```
#07113c
```
#07113c rgb(7,17,60)
```
#09164d
```
#09164d rgb(9,22,77)
```
#0c1b5e
```
#0c1b5e rgb(12,27,94)
```
#0e2170
```
#0e2170 rgb(14,33,112)
```
#102681
```
#102681 rgb(16,38,129)
```
#122b93
```
#122b93 rgb(18,43,147)
```
#1430a4
```
#1430a4 rgb(20,48,164)
```
#1635b6
```
#1635b6 rgb(22,53,182)
```
#183ac7
```
#183ac7 rgb(24,58,199)
```
#1b3fd9
```
#1b3fd9 rgb(27,63,217)
```

Shade Color Variation

#2348e4
```
#2348e4 rgb(35,72,228)
```
#3457e6
```
#3457e6 rgb(52,87,230)
```
#4665e8
```
#4665e8 rgb(70,101,232)
```
#5774ea
```
#5774ea rgb(87,116,234)
```
#6982ed
```
#6982ed rgb(105,130,237)
```
#7a91ef
```
#7a91ef rgb(122,145,239)
```
#8c9ff1
```
#8c9ff1 rgb(140,159,241)
```
#9daef3
```
#9daef3 rgb(157,174,243)
```
#afbcf5
```
#afbcf5 rgb(175,188,245)
```
#c0cbf7
```
#c0cbf7 rgb(192,203,247)
```
#d2d9f9
```
#d2d9f9 rgb(210,217,249)
```
#e3e8fc
```
#e3e8fc rgb(227,232,252)
```
#f5f6fe
```
#f5f6fe rgb(245,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828385 is the less saturated color, while #103cf7 is the most saturated one.

#828385
```
#828385 rgb(130,131,133)
```
#797d8f
```
#797d8f rgb(121,125,143)
```
#6f7798
```
#6f7798 rgb(111,119,152)
```
#6671a2
```
#6671a2 rgb(102,113,162)
```
#5c6bab
```
#5c6bab rgb(92,107,171)
```
#5365b5
```
#5365b5 rgb(83,101,181)
```
#495fbe
```
#495fbe rgb(73,95,190)
```
#405ac8
```
#405ac8 rgb(64,90,200)
```
#3654d1
```
#3654d1 rgb(54,84,209)
```
#2d4edb
```
#2d4edb rgb(45,78,219)
```
#2348e4
```
#2348e4 rgb(35,72,228)
```
#1a42ee
```
#1a42ee rgb(26,66,238)
```
#103cf7
```
#103cf7 rgb(16,60,247)
```

Tone Color Variation

Below, you can see how #2348e4 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

#4f4f4f Achromatopsia 0.005% of the population
#464e6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#0c58cb Protanomaly 1% of men, 0.01% of women
#0c5bbb Deuteranomaly 6% of men, 0.4% of women
#0c609c Tritanomaly 0.01% of the population

#2348e4 hex color

#2348e4 Color Information

#2348e4 Color Conversion

Color Schemes with #2348e4

Alternatives to #2348e4

#2348e4 Preview

Shades and Tints of #2348e4

Tones of #2348e4

Color Blindness Simulator