#3458ed hex color

In a RGB color space, hex #3458ed is composed of 20.4% red, 34.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 62.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 228.3 degrees, a saturation of 83.7% and a lightness of 56.7%. #3458ed color hex could be obtained by blending #68b0ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 35
- B 93
RGB color chart
- C 78
- M 63
- Y 0
- K 7
CMYK color chart

● #3458ed color description : Bright blue.

The hexadecimal color #3458ed has RGB values of R:52, G:88, B:237 and CMYK values of C:0.78, M:0.63, Y:0, K:0.07. Its decimal value is 3430637.

Hex triplet	3458ed	`#3458ed`
RGB Decimal	52, 88, 237	`rgb(52,88,237)`
RGB Percent	20.4, 34.5, 92.9	`rgb(20.4%,34.5%,92.9%)`
CMYK	78, 63, 0, 7
HSL	228.3°, 83.7, 56.7	`hsl(228.3,83.7%,56.7%)`
HSV (or HSB)	228.3°, 78.1, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.977, 39.805, -78.346
XYZ	20.189, 13.822, 81.72
xyY	0.174, 0.119, 13.822
CIE-LCH	43.977, 87.878, 296.934
CIE-LUV	43.977, -15.434, -117.288
Hunter-Lab	37.179, 31.867, -104.297
Binary	00110100, 01011000, 11101101

#3458ed
```
#3458ed rgb(52,88,237)
```
#edc934
```
#edc934 rgb(237,201,52)
```

Complementary Color

#34b5ed
```
#34b5ed rgb(52,181,237)
```
#3458ed
```
#3458ed rgb(52,88,237)
```
#6d34ed
```
#6d34ed rgb(109,52,237)
```

Analogous Color

#b5ed34
```
#b5ed34 rgb(181,237,52)
```
#3458ed
```
#3458ed rgb(52,88,237)
```
#ed6d34
```
#ed6d34 rgb(237,109,52)
```

Split Complementary Color

#58ed34
```
#58ed34 rgb(88,237,52)
```
#3458ed
```
#3458ed rgb(52,88,237)
```
#ed3458
```
#ed3458 rgb(237,52,88)
```

Triadic Color

#34edc9
```
#34edc9 rgb(52,237,201)
```
#3458ed
```
#3458ed rgb(52,88,237)
```
#ed3458
```
#ed3458 rgb(237,52,88)
```
#edc934
```
#edc934 rgb(237,201,52)
```

Tetradic Color

#1134c3
```
#1134c3 rgb(17,52,195)
```
#133adb
```
#133adb rgb(19,58,219)
```
#1d45eb
```
#1d45eb rgb(29,69,235)
```
#3458ed
```
#3458ed rgb(52,88,237)
```
#4b6bef
```
#4b6bef rgb(75,107,239)
```
#637ff1
```
#637ff1 rgb(99,127,241)
```
#7a92f3
```
#7a92f3 rgb(122,146,243)
```

Monochromatic Color

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

#3486ed
```
#3486ed rgb(52,134,237)
```
#3477ed
```
#3477ed rgb(52,119,237)
```
#3467ed
```
#3467ed rgb(52,103,237)
```
#3458ed
```
#3458ed rgb(52,88,237)
```
#3449ed
```
#3449ed rgb(52,73,237)
```
#3439ed
```
#3439ed rgb(52,57,237)
```
#3e34ed
```
#3e34ed rgb(62,52,237)
```

Similar Colors

Text with hexadecimal color #3458ed

This text has a font color of #3458ed.

<span style="color:#3458ed;">Text here</span>

#3458ed background color

This paragraph has a background color of #3458ed.

<p style="background-color:#3458ed;">Content here</p>

#3458ed border color

This element has a border color of #3458ed.

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

CSS codes

.text {color:#3458ed;}

.background {background-color:#3458ed;}

.border {border:1px solid #3458ed;}

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

#01040d
```
#01040d rgb(1,4,13)
```
#03081f
```
#03081f rgb(3,8,31)
```
#040d31
```
#040d31 rgb(4,13,49)
```
#061243
```
#061243 rgb(6,18,67)
```
#081755
```
#081755 rgb(8,23,85)
```
#091b67
```
#091b67 rgb(9,27,103)
```
#0b2079
```
#0b2079 rgb(11,32,121)
```
#0c258b
```
#0c258b rgb(12,37,139)
```
#0e2a9d
```
#0e2a9d rgb(14,42,157)
```
#102faf
```
#102faf rgb(16,47,175)
```
#1133c1
```
#1133c1 rgb(17,51,193)
```
#1338d3
```
#1338d3 rgb(19,56,211)
```
#143de5
```
#143de5 rgb(20,61,229)
```

Shade Color Variation

#2249eb
```
#2249eb rgb(34,73,235)
```
#3458ed
```
#3458ed rgb(52,88,237)
```
#4667ef
```
#4667ef rgb(70,103,239)
```
#5876f0
```
#5876f0 rgb(88,118,240)
```
#6a84f2
```
#6a84f2 rgb(106,132,242)
```
#7c93f3
```
#7c93f3 rgb(124,147,243)
```
#8ea2f5
```
#8ea2f5 rgb(142,162,245)
```
#a0b1f7
```
#a0b1f7 rgb(160,177,247)
```
#b2c0f8
```
#b2c0f8 rgb(178,192,248)
```
#c4cffa
```
#c4cffa rgb(196,207,250)
```
#d6ddfb
```
#d6ddfb rgb(214,221,251)
```
#e8ecfd
```
#e8ecfd rgb(232,236,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898c98 is the less saturated color, while #234efe is the most saturated one.

#898c98
```
#898c98 rgb(137,140,152)
```
#8187a1
```
#8187a1 rgb(129,135,161)
```
#7882a9
```
#7882a9 rgb(120,130,169)
```
#707cb2
```
#707cb2 rgb(112,124,178)
```
#6777ba
```
#6777ba rgb(103,119,186)
```
#5f72c3
```
#5f72c3 rgb(95,114,195)
```
#566dcb
```
#566dcb rgb(86,109,203)
```
#4e68d4
```
#4e68d4 rgb(78,104,212)
```
#4562dc
```
#4562dc rgb(69,98,220)
```
#3d5de5
```
#3d5de5 rgb(61,93,229)
```
#3458ed
```
#3458ed rgb(52,88,237)
```
#2c53f6
```
#2c53f6 rgb(44,83,246)
```
#234efe
```
#234efe rgb(35,78,254)
```

Tone Color Variation

Below, you can see how #3458ed 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

#5e5e5e Achromatopsia 0.005% of the population
#565d7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1265dc Protanomaly 1% of men, 0.01% of women
#1268cb Deuteranomaly 6% of men, 0.4% of women
#126ea8 Tritanomaly 0.01% of the population

#3458ed hex color

#3458ed Color Information

#3458ed Color Conversion

Color Schemes with #3458ed

Alternatives to #3458ed

#3458ed Preview

Shades and Tints of #3458ed

Tones of #3458ed

Color Blindness Simulator