#3158b4 hex color

In a RGB color space, hex #3158b4 is composed of 19.2% red, 34.5% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 51.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 222.1 degrees, a saturation of 57.2% and a lightness of 44.9%. #3158b4 color hex could be obtained by blending #62b0ff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 71
RGB color chart
- C 73
- M 51
- Y 0
- K 29
CMYK color chart

● #3158b4 color description : Moderate blue.

The hexadecimal color #3158b4 has RGB values of R:49, G:88, B:180 and CMYK values of C:0.73, M:0.51, Y:0, K:0.29. Its decimal value is 3233972.

Hex triplet	3158b4	`#3158b4`
RGB Decimal	49, 88, 180	`rgb(49,88,180)`
RGB Percent	19.2, 34.5, 70.6	`rgb(19.2%,34.5%,70.6%)`
CMYK	73, 51, 0, 29
HSL	222.1°, 57.2, 44.9	`hsl(222.1,57.2%,44.9%)`
HSV (or HSB)	222.1°, 72.8, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.457, 18.529, -52.919
XYZ	12.993, 10.927, 44.602
xyY	0.19, 0.159, 10.927
CIE-LCH	39.457, 56.069, 289.297
CIE-LUV	39.457, -15.68, -77.875
Hunter-Lab	33.056, 12.313, -56.861
Binary	00110001, 01011000, 10110100

#3158b4
```
#3158b4 rgb(49,88,180)
```
#b48d31
```
#b48d31 rgb(180,141,49)
```

Complementary Color

#319ab4
```
#319ab4 rgb(49,154,180)
```
#3158b4
```
#3158b4 rgb(49,88,180)
```
#4c31b4
```
#4c31b4 rgb(76,49,180)
```

Analogous Color

#9ab431
```
#9ab431 rgb(154,180,49)
```
#3158b4
```
#3158b4 rgb(49,88,180)
```
#b44c31
```
#b44c31 rgb(180,76,49)
```

Split Complementary Color

#58b431
```
#58b431 rgb(88,180,49)
```
#3158b4
```
#3158b4 rgb(49,88,180)
```
#b43158
```
#b43158 rgb(180,49,88)
```

Triadic Color

#31b48d
```
#31b48d rgb(49,180,141)
```
#3158b4
```
#3158b4 rgb(49,88,180)
```
#b43158
```
#b43158 rgb(180,49,88)
```
#b48d31
```
#b48d31 rgb(180,141,49)
```

Tetradic Color

#213b78
```
#213b78 rgb(33,59,120)
```
#26448c
```
#26448c rgb(38,68,140)
```
#2c4ea0
```
#2c4ea0 rgb(44,78,160)
```
#3158b4
```
#3158b4 rgb(49,88,180)
```
#3662c8
```
#3662c8 rgb(54,98,200)
```
#4a71ce
```
#4a71ce rgb(74,113,206)
```
#5e81d3
```
#5e81d3 rgb(94,129,211)
```

Monochromatic Color

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

#3179b4
```
#3179b4 rgb(49,121,180)
```
#316eb4
```
#316eb4 rgb(49,110,180)
```
#3163b4
```
#3163b4 rgb(49,99,180)
```
#3158b4
```
#3158b4 rgb(49,88,180)
```
#314db4
```
#314db4 rgb(49,77,180)
```
#3142b4
```
#3142b4 rgb(49,66,180)
```
#3137b4
```
#3137b4 rgb(49,55,180)
```

Similar Colors

Text with hexadecimal color #3158b4

This text has a font color of #3158b4.

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

#3158b4 background color

This paragraph has a background color of #3158b4.

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

#3158b4 border color

This element has a border color of #3158b4.

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

CSS codes

.text {color:#3158b4;}

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

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

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

#03050a
```
#03050a rgb(3,5,10)
```
#070d1a
```
#070d1a rgb(7,13,26)
```
#0b1429
```
#0b1429 rgb(11,20,41)
```
#0f1c39
```
#0f1c39 rgb(15,28,57)
```
#142348
```
#142348 rgb(20,35,72)
```
#182b57
```
#182b57 rgb(24,43,87)
```
#1c3267
```
#1c3267 rgb(28,50,103)
```
#203a76
```
#203a76 rgb(32,58,118)
```
#244186
```
#244186 rgb(36,65,134)
```
#294995
```
#294995 rgb(41,73,149)
```
#2d50a5
```
#2d50a5 rgb(45,80,165)
```
#3158b4
```
#3158b4 rgb(49,88,180)
```
#3560c3
```
#3560c3 rgb(53,96,195)
```

Shade Color Variation

#416acb
```
#416acb rgb(65,106,203)
```
#5076cf
```
#5076cf rgb(80,118,207)
```
#6082d4
```
#6082d4 rgb(96,130,212)
```
#6f8ed8
```
#6f8ed8 rgb(111,142,216)
```
#7f9adc
```
#7f9adc rgb(127,154,220)
```
#8ea7e0
```
#8ea7e0 rgb(142,167,224)
```
#9db3e4
```
#9db3e4 rgb(157,179,228)
```
#adbfe9
```
#adbfe9 rgb(173,191,233)
```
#bccbed
```
#bccbed rgb(188,203,237)
```
#ccd7f1
```
#ccd7f1 rgb(204,215,241)
```
#dbe3f5
```
#dbe3f5 rgb(219,227,245)
```
#ebeff9
```
#ebeff9 rgb(235,239,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7176 is the less saturated color, while #0546e0 is the most saturated one.

#6f7176
```
#6f7176 rgb(111,113,118)
```
#666d7f
```
#666d7f rgb(102,109,127)
```
#5d6a88
```
#5d6a88 rgb(93,106,136)
```
#546691
```
#546691 rgb(84,102,145)
```
#4b639a
```
#4b639a rgb(75,99,154)
```
#435fa2
```
#435fa2 rgb(67,95,162)
```
#3a5cab
```
#3a5cab rgb(58,92,171)
```
#3158b4
```
#3158b4 rgb(49,88,180)
```
#2854bd
```
#2854bd rgb(40,84,189)
```
#1f51c6
```
#1f51c6 rgb(31,81,198)
```
#174dce
```
#174dce rgb(23,77,206)
```
#0e4ad7
```
#0e4ad7 rgb(14,74,215)
```
#0546e0
```
#0546e0 rgb(5,70,224)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f576a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2962b9 Protanopia 1% of men
#0067aa Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

#2c5eb7 Protanomaly 1% of men, 0.01% of women
#1161ad Deuteranomaly 6% of men, 0.4% of women
#11668c Tritanomaly 0.01% of the population

#3158b4 hex color

#3158b4 Color Information

#3158b4 Color Conversion

Color Schemes with #3158b4

Alternatives to #3158b4

#3158b4 Preview

Shades and Tints of #3158b4

Tones of #3158b4

Color Blindness Simulator