#3158ac hex color

In a RGB color space, hex #3158ac is composed of 19.2% red, 34.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 71.5% cyan, 48.8% magenta, 0% yellow and 32.5% black. It has a hue angle of 221 degrees, a saturation of 55.7% and a lightness of 43.3%. #3158ac color hex could be obtained by blending #62b0ff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 35
- B 67
RGB color chart
- C 72
- M 49
- Y 0
- K 33
CMYK color chart

● #3158ac color description : Dark blue.

The hexadecimal color #3158ac has RGB values of R:49, G:88, B:172 and CMYK values of C:0.72, M:0.49, Y:0, K:0.33. Its decimal value is 3233964.

Hex triplet	3158ac	`#3158ac`
RGB Decimal	49, 88, 172	`rgb(49,88,172)`
RGB Percent	19.2, 34.5, 67.5	`rgb(19.2%,34.5%,67.5%)`
CMYK	72, 49, 0, 33
HSL	221°, 55.7, 43.3	`hsl(221,55.7%,43.3%)`
HSV (or HSB)	221°, 71.5, 67.5
Web Safe	336699	`#336699`

CIE-LAB	38.916, 15.52, -49.071
XYZ	12.201, 10.61, 40.432
xyY	0.193, 0.168, 10.61
CIE-LCH	38.916, 51.467, 287.551
CIE-LUV	38.916, -15.72, -71.858
Hunter-Lab	32.573, 9.859, -50.794
Binary	00110001, 01011000, 10101100

#3158ac
```
#3158ac rgb(49,88,172)
```
#ac8531
```
#ac8531 rgb(172,133,49)
```

Complementary Color

#3196ac
```
#3196ac rgb(49,150,172)
```
#3158ac
```
#3158ac rgb(49,88,172)
```
#4831ac
```
#4831ac rgb(72,49,172)
```

Analogous Color

#96ac31
```
#96ac31 rgb(150,172,49)
```
#3158ac
```
#3158ac rgb(49,88,172)
```
#ac4831
```
#ac4831 rgb(172,72,49)
```

Split Complementary Color

#58ac31
```
#58ac31 rgb(88,172,49)
```
#3158ac
```
#3158ac rgb(49,88,172)
```
#ac3158
```
#ac3158 rgb(172,49,88)
```

Triadic Color

#31ac85
```
#31ac85 rgb(49,172,133)
```
#3158ac
```
#3158ac rgb(49,88,172)
```
#ac3158
```
#ac3158 rgb(172,49,88)
```
#ac8531
```
#ac8531 rgb(172,133,49)
```

Tetradic Color

#203a70
```
#203a70 rgb(32,58,112)
```
#264484
```
#264484 rgb(38,68,132)
```
#2b4e98
```
#2b4e98 rgb(43,78,152)
```
#3158ac
```
#3158ac rgb(49,88,172)
```
#3762c0
```
#3762c0 rgb(55,98,192)
```
#4670ca
```
#4670ca rgb(70,112,202)
```
#5a7fd0
```
#5a7fd0 rgb(90,127,208)
```

Monochromatic Color

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

#3177ac
```
#3177ac rgb(49,119,172)
```
#316dac
```
#316dac rgb(49,109,172)
```
#3162ac
```
#3162ac rgb(49,98,172)
```
#3158ac
```
#3158ac rgb(49,88,172)
```
#314eac
```
#314eac rgb(49,78,172)
```
#3143ac
```
#3143ac rgb(49,67,172)
```
#3139ac
```
#3139ac rgb(49,57,172)
```

Similar Colors

Text with hexadecimal color #3158ac

This text has a font color of #3158ac.

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

#3158ac background color

This paragraph has a background color of #3158ac.

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

#3158ac border color

This element has a border color of #3158ac.

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

CSS codes

.text {color:#3158ac;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#060a13
```
#060a13 rgb(6,10,19)
```
#0a1223
```
#0a1223 rgb(10,18,35)
```
#0e1a32
```
#0e1a32 rgb(14,26,50)
```
#132141
```
#132141 rgb(19,33,65)
```
#172950
```
#172950 rgb(23,41,80)
```
#1b3160
```
#1b3160 rgb(27,49,96)
```
#20396f
```
#20396f rgb(32,57,111)
```
#24417e
```
#24417e rgb(36,65,126)
```
#28488d
```
#28488d rgb(40,72,141)
```
#2d509d
```
#2d509d rgb(45,80,157)
```
#3158ac
```
#3158ac rgb(49,88,172)
```
#3560bb
```
#3560bb rgb(53,96,187)
```

Shade Color Variation

#3d69c8
```
#3d69c8 rgb(61,105,200)
```
#4c74cc
```
#4c74cc rgb(76,116,204)
```
#5b80d0
```
#5b80d0 rgb(91,128,208)
```
#6a8cd5
```
#6a8cd5 rgb(106,140,213)
```
#7a98d9
```
#7a98d9 rgb(122,152,217)
```
#89a4dd
```
#89a4dd rgb(137,164,221)
```
#98b0e2
```
#98b0e2 rgb(152,176,226)
```
#a7bbe6
```
#a7bbe6 rgb(167,187,230)
```
#b7c7ea
```
#b7c7ea rgb(183,199,234)
```
#c6d3ef
```
#c6d3ef rgb(198,211,239)
```
#d5dff3
```
#d5dff3 rgb(213,223,243)
```
#e5ebf7
```
#e5ebf7 rgb(229,235,247)
```
#f4f6fc
```
#f4f6fc rgb(244,246,252)
```

Tint Color Variation

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

#6d6e71
```
#6d6e71 rgb(109,110,113)
```
#646b79
```
#646b79 rgb(100,107,121)
```
#5c6882
```
#5c6882 rgb(92,104,130)
```
#53648a
```
#53648a rgb(83,100,138)
```
#4b6193
```
#4b6193 rgb(75,97,147)
```
#425e9b
```
#425e9b rgb(66,94,155)
```
#3a5ba4
```
#3a5ba4 rgb(58,91,164)
```
#3158ac
```
#3158ac rgb(49,88,172)
```
#2955b5
```
#2955b5 rgb(41,85,181)
```
#2052bd
```
#2052bd rgb(32,82,189)
```
#184fc6
```
#184fc6 rgb(24,79,198)
```
#0f4cce
```
#0f4cce rgb(15,76,206)
```
#0648d7
```
#0648d7 rgb(6,72,215)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5667 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3461b1 Protanopia 1% of men
#0065a9 Deuteranopia 1% of men
#006d75 Tritanopia 0.001% of the population

Trichromacy

#335eaf Protanomaly 1% of men, 0.01% of women
#1160aa Deuteranomaly 6% of men, 0.4% of women
#116589 Tritanomaly 0.01% of the population

#3158ac hex color

#3158ac Color Information

#3158ac Color Conversion

Color Schemes with #3158ac

Alternatives to #3158ac

#3158ac Preview

Shades and Tints of #3158ac

Tones of #3158ac

Color Blindness Simulator