#3158dd hex color

In a RGB color space, hex #3158dd is composed of 19.2% red, 34.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 60.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 226.4 degrees, a saturation of 71.7% and a lightness of 52.9%. #3158dd color hex could be obtained by blending #62b0ff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 87
RGB color chart
- C 78
- M 60
- Y 0
- K 13
CMYK color chart

● #3158dd color description : Bright blue.

The hexadecimal color #3158dd has RGB values of R:49, G:88, B:221 and CMYK values of C:0.78, M:0.6, Y:0, K:0.13. Its decimal value is 3234013.

Hex triplet	3158dd	`#3158dd`
RGB Decimal	49, 88, 221	`rgb(49,88,221)`
RGB Percent	19.2, 34.5, 86.7	`rgb(19.2%,34.5%,86.7%)`
CMYK	78, 60, 0, 13
HSL	226.4°, 71.7, 52.9	`hsl(226.4,71.7%,52.9%)`
HSV (or HSB)	226.4°, 77.8, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.539, 33.768, -71.64
XYZ	17.805, 12.852, 69.945
xyY	0.177, 0.128, 12.852
CIE-LCH	42.539, 79.199, 295.237
CIE-LUV	42.539, -15.726, -106.849
Hunter-Lab	35.849, 25.918, -90.586
Binary	00110001, 01011000, 11011101

#3158dd
```
#3158dd rgb(49,88,221)
```
#ddb631
```
#ddb631 rgb(221,182,49)
```

Complementary Color

#31aedd
```
#31aedd rgb(49,174,221)
```
#3158dd
```
#3158dd rgb(49,88,221)
```
#6031dd
```
#6031dd rgb(96,49,221)
```

Analogous Color

#aedd31
```
#aedd31 rgb(174,221,49)
```
#3158dd
```
#3158dd rgb(49,88,221)
```
#dd6031
```
#dd6031 rgb(221,96,49)
```

Split Complementary Color

#58dd31
```
#58dd31 rgb(88,221,49)
```
#3158dd
```
#3158dd rgb(49,88,221)
```
#dd3158
```
#dd3158 rgb(221,49,88)
```

Triadic Color

#31ddb6
```
#31ddb6 rgb(49,221,182)
```
#3158dd
```
#3158dd rgb(49,88,221)
```
#dd3158
```
#dd3158 rgb(221,49,88)
```
#ddb631
```
#ddb631 rgb(221,182,49)
```

Tetradic Color

#1b3ba6
```
#1b3ba6 rgb(27,59,166)
```
#1f43bc
```
#1f43bc rgb(31,67,188)
```
#234ad2
```
#234ad2 rgb(35,74,210)
```
#3158dd
```
#3158dd rgb(49,88,221)
```
#476ae1
```
#476ae1 rgb(71,106,225)
```
#5d7be4
```
#5d7be4 rgb(93,123,228)
```
#738de8
```
#738de8 rgb(115,141,232)
```

Monochromatic Color

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

#3183dd
```
#3183dd rgb(49,131,221)
```
#3175dd
```
#3175dd rgb(49,117,221)
```
#3166dd
```
#3166dd rgb(49,102,221)
```
#3158dd
```
#3158dd rgb(49,88,221)
```
#314add
```
#314add rgb(49,74,221)
```
#313bdd
```
#313bdd rgb(49,59,221)
```
#3531dd
```
#3531dd rgb(53,49,221)
```

Similar Colors

Text with hexadecimal color #3158dd

This text has a font color of #3158dd.

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

#3158dd background color

This paragraph has a background color of #3158dd.

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

#3158dd border color

This element has a border color of #3158dd.

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

CSS codes

.text {color:#3158dd;}

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

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

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

#02050d
```
#02050d rgb(2,5,13)
```
#050b1e
```
#050b1e rgb(5,11,30)
```
#08102f
```
#08102f rgb(8,16,47)
```
#0a163f
```
#0a163f rgb(10,22,63)
```
#0d1c50
```
#0d1c50 rgb(13,28,80)
```
#102261
```
#102261 rgb(16,34,97)
```
#132872
```
#132872 rgb(19,40,114)
```
#162e83
```
#162e83 rgb(22,46,131)
```
#183494
```
#183494 rgb(24,52,148)
```
#1b3aa4
```
#1b3aa4 rgb(27,58,164)
```
#1e40b5
```
#1e40b5 rgb(30,64,181)
```
#2146c6
```
#2146c6 rgb(33,70,198)
```
#234cd7
```
#234cd7 rgb(35,76,215)
```

Shade Color Variation

#3158dd
```
#3158dd rgb(49,88,221)
```
#4266e0
```
#4266e0 rgb(66,102,224)
```
#5373e3
```
#5373e3 rgb(83,115,227)
```
#6481e5
```
#6481e5 rgb(100,129,229)
```
#748fe8
```
#748fe8 rgb(116,143,232)
```
#859ceb
```
#859ceb rgb(133,156,235)
```
#96aaee
```
#96aaee rgb(150,170,238)
```
#a7b8f0
```
#a7b8f0 rgb(167,184,240)
```
#b8c5f3
```
#b8c5f3 rgb(184,197,243)
```
#c9d3f6
```
#c9d3f6 rgb(201,211,246)
```
#d9e0f9
```
#d9e0f9 rgb(217,224,249)
```
#eaeefc
```
#eaeefc rgb(234,238,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #84858a is the less saturated color, while #1549f9 is the most saturated one.

#84858a
```
#84858a rgb(132,133,138)
```
#7b8093
```
#7b8093 rgb(123,128,147)
```
#727b9c
```
#727b9c rgb(114,123,156)
```
#6876a6
```
#6876a6 rgb(104,118,166)
```
#5f71af
```
#5f71af rgb(95,113,175)
```
#566cb8
```
#566cb8 rgb(86,108,184)
```
#4d67c1
```
#4d67c1 rgb(77,103,193)
```
#4362cb
```
#4362cb rgb(67,98,203)
```
#3a5dd4
```
#3a5dd4 rgb(58,93,212)
```
#3158dd
```
#3158dd rgb(49,88,221)
```
#2853e6
```
#2853e6 rgb(40,83,230)
```
#1f4eef
```
#1f4eef rgb(31,78,239)
```
#1549f9
```
#1549f9 rgb(21,73,249)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#1162d3 Protanomaly 1% of men, 0.01% of women
#1166c2 Deuteranomaly 6% of men, 0.4% of women
#116ba0 Tritanomaly 0.01% of the population

#3158dd hex color

#3158dd Color Information

#3158dd Color Conversion

Color Schemes with #3158dd

Alternatives to #3158dd

#3158dd Preview

Shades and Tints of #3158dd

Tones of #3158dd

Color Blindness Simulator