#3158ec hex color

In a RGB color space, hex #3158ec is composed of 19.2% red, 34.5% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 62.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 227.5 degrees, a saturation of 83.1% and a lightness of 55.9%. #3158ec color hex could be obtained by blending #62b0ff with #0000d9. Closest websafe color is: #3366ff.

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

● #3158ec color description : Bright blue.

The hexadecimal color #3158ec has RGB values of R:49, G:88, B:236 and CMYK values of C:0.79, M:0.63, Y:0, K:0.07. Its decimal value is 3234028.

Hex triplet	3158ec	`#3158ec`
RGB Decimal	49, 88, 236	`rgb(49,88,236)`
RGB Percent	19.2, 34.5, 92.5	`rgb(19.2%,34.5%,92.5%)`
CMYK	79, 63, 0, 7
HSL	227.5°, 83.1, 55.9	`hsl(227.5,83.1%,55.9%)`
HSV (or HSB)	227.5°, 79.2, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.781, 39.191, -78.109
XYZ	19.894, 13.687, 80.946
xyY	0.174, 0.12, 13.687
CIE-LCH	43.781, 87.389, 296.645
CIE-LUV	43.781, -15.836, -116.758
Hunter-Lab	36.996, 31.24, -103.827
Binary	00110001, 01011000, 11101100

#3158ec
```
#3158ec rgb(49,88,236)
```
#ecc531
```
#ecc531 rgb(236,197,49)
```

Complementary Color

#31b6ec
```
#31b6ec rgb(49,182,236)
```
#3158ec
```
#3158ec rgb(49,88,236)
```
#6831ec
```
#6831ec rgb(104,49,236)
```

Analogous Color

#b6ec31
```
#b6ec31 rgb(182,236,49)
```
#3158ec
```
#3158ec rgb(49,88,236)
```
#ec6831
```
#ec6831 rgb(236,104,49)
```

Split Complementary Color

#58ec31
```
#58ec31 rgb(88,236,49)
```
#3158ec
```
#3158ec rgb(49,88,236)
```
#ec3158
```
#ec3158 rgb(236,49,88)
```

Triadic Color

#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#3158ec
```
#3158ec rgb(49,88,236)
```
#ec3158
```
#ec3158 rgb(236,49,88)
```
#ecc531
```
#ecc531 rgb(236,197,49)
```

Tetradic Color

#1236bf
```
#1236bf rgb(18,54,191)
```
#143cd6
```
#143cd6 rgb(20,60,214)
```
#1a45ea
```
#1a45ea rgb(26,69,234)
```
#3158ec
```
#3158ec rgb(49,88,236)
```
#486bee
```
#486bee rgb(72,107,238)
```
#607ef0
```
#607ef0 rgb(96,126,240)
```
#7791f2
```
#7791f2 rgb(119,145,242)
```

Monochromatic Color

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

#3187ec
```
#3187ec rgb(49,135,236)
```
#3177ec
```
#3177ec rgb(49,119,236)
```
#3168ec
```
#3168ec rgb(49,104,236)
```
#3158ec
```
#3158ec rgb(49,88,236)
```
#3148ec
```
#3148ec rgb(49,72,236)
```
#3139ec
```
#3139ec rgb(49,57,236)
```
#3931ec
```
#3931ec rgb(57,49,236)
```

Similar Colors

Text with hexadecimal color #3158ec

This text has a font color of #3158ec.

<span style="color:#3158ec;">Text here</span>

#3158ec background color

This paragraph has a background color of #3158ec.

<p style="background-color:#3158ec;">Content here</p>

#3158ec border color

This element has a border color of #3158ec.

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

CSS codes

.text {color:#3158ec;}

.background {background-color:#3158ec;}

.border {border:1px solid #3158ec;}

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

#01030a
```
#01030a rgb(1,3,10)
```
#03081b
```
#03081b rgb(3,8,27)
```
#040d2d
```
#040d2d rgb(4,13,45)
```
#06123f
```
#06123f rgb(6,18,63)
```
#081751
```
#081751 rgb(8,23,81)
```
#091c63
```
#091c63 rgb(9,28,99)
```
#0b2175
```
#0b2175 rgb(11,33,117)
```
#0c2687
```
#0c2687 rgb(12,38,135)
```
#0e2b99
```
#0e2b99 rgb(14,43,153)
```
#1030ab
```
#1030ab rgb(16,48,171)
```
#1135bd
```
#1135bd rgb(17,53,189)
```
#133acf
```
#133acf rgb(19,58,207)
```
#153fe1
```
#153fe1 rgb(21,63,225)
```

Shade Color Variation

#1f49ea
```
#1f49ea rgb(31,73,234)
```
#3158ec
```
#3158ec rgb(49,88,236)
```
#4367ee
```
#4367ee rgb(67,103,238)
```
#5575ef
```
#5575ef rgb(85,117,239)
```
#6784f1
```
#6784f1 rgb(103,132,241)
```
#7992f3
```
#7992f3 rgb(121,146,243)
```
#8ba1f4
```
#8ba1f4 rgb(139,161,244)
```
#9daff6
```
#9daff6 rgb(157,175,246)
```
#afbef8
```
#afbef8 rgb(175,190,248)
```
#c1ccf9
```
#c1ccf9 rgb(193,204,249)
```
#d3dbfb
```
#d3dbfb rgb(211,219,251)
```
#e5eafd
```
#e5eafd rgb(229,234,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a95 is the less saturated color, while #204efd is the most saturated one.

#888a95
```
#888a95 rgb(136,138,149)
```
#7f859e
```
#7f859e rgb(127,133,158)
```
#7680a7
```
#7680a7 rgb(118,128,167)
```
#6e7baf
```
#6e7baf rgb(110,123,175)
```
#6576b8
```
#6576b8 rgb(101,118,184)
```
#5c71c1
```
#5c71c1 rgb(92,113,193)
```
#546cc9
```
#546cc9 rgb(84,108,201)
```
#4b67d2
```
#4b67d2 rgb(75,103,210)
```
#4262db
```
#4262db rgb(66,98,219)
```
#3a5de3
```
#3a5de3 rgb(58,93,227)
```
#3158ec
```
#3158ec rgb(49,88,236)
```
#2853f5
```
#2853f5 rgb(40,83,245)
```
#204efd
```
#204efd rgb(32,78,253)
```

Tone Color Variation

Below, you can see how #3158ec 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

#5d5d5d Achromatopsia 0.005% of the population
#545c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd2 Protanopia 1% of men
#0072b7 Deuteranopia 1% of men
#007a80 Tritanopia 0.001% of the population

Trichromacy

#1164dc Protanomaly 1% of men, 0.01% of women
#1168ca Deuteranomaly 6% of men, 0.4% of women
#116da7 Tritanomaly 0.01% of the population

#3158ec hex color

#3158ec Color Information

#3158ec Color Conversion

Color Schemes with #3158ec

Alternatives to #3158ec

#3158ec Preview

Shades and Tints of #3158ec

Tones of #3158ec

Color Blindness Simulator