#3158ae hex color

In a RGB color space, hex #3158ae is composed of 19.2% red, 34.5% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 49.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 221.3 degrees, a saturation of 56.1% and a lightness of 43.7%. #3158ae color hex could be obtained by blending #62b0ff with #00005d. Closest websafe color is: #336699.

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

● #3158ae color description : Dark blue.

The hexadecimal color #3158ae has RGB values of R:49, G:88, B:174 and CMYK values of C:0.72, M:0.49, Y:0, K:0.32. Its decimal value is 3233966.

Hex triplet	3158ae	`#3158ae`
RGB Decimal	49, 88, 174	`rgb(49,88,174)`
RGB Percent	19.2, 34.5, 68.2	`rgb(19.2%,34.5%,68.2%)`
CMYK	72, 49, 0, 32
HSL	221.3°, 56.1, 43.7	`hsl(221.3,56.1%,43.7%)`
HSV (or HSB)	221.3°, 71.8, 68.2
Web Safe	336699	`#336699`

CIE-LAB	39.049, 16.272, -50.04
XYZ	12.395, 10.688, 41.452
xyY	0.192, 0.166, 10.688
CIE-LCH	39.049, 52.619, 288.014
CIE-LUV	39.049, -15.708, -73.374
Hunter-Lab	32.692, 10.465, -52.293
Binary	00110001, 01011000, 10101110

#3158ae
```
#3158ae rgb(49,88,174)
```
#ae8731
```
#ae8731 rgb(174,135,49)
```

Complementary Color

#3197ae
```
#3197ae rgb(49,151,174)
```
#3158ae
```
#3158ae rgb(49,88,174)
```
#4931ae
```
#4931ae rgb(73,49,174)
```

Analogous Color

#97ae31
```
#97ae31 rgb(151,174,49)
```
#3158ae
```
#3158ae rgb(49,88,174)
```
#ae4931
```
#ae4931 rgb(174,73,49)
```

Split Complementary Color

#58ae31
```
#58ae31 rgb(88,174,49)
```
#3158ae
```
#3158ae rgb(49,88,174)
```
#ae3158
```
#ae3158 rgb(174,49,88)
```

Triadic Color

#31ae87
```
#31ae87 rgb(49,174,135)
```
#3158ae
```
#3158ae rgb(49,88,174)
```
#ae3158
```
#ae3158 rgb(174,49,88)
```
#ae8731
```
#ae8731 rgb(174,135,49)
```

Tetradic Color

#203a72
```
#203a72 rgb(32,58,114)
```
#264486
```
#264486 rgb(38,68,134)
```
#2b4e9a
```
#2b4e9a rgb(43,78,154)
```
#3158ae
```
#3158ae rgb(49,88,174)
```
#3762c2
```
#3762c2 rgb(55,98,194)
```
#4770cb
```
#4770cb rgb(71,112,203)
```
#5b80d1
```
#5b80d1 rgb(91,128,209)
```

Monochromatic Color

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

#3177ae
```
#3177ae rgb(49,119,174)
```
#316dae
```
#316dae rgb(49,109,174)
```
#3162ae
```
#3162ae rgb(49,98,174)
```
#3158ae
```
#3158ae rgb(49,88,174)
```
#314eae
```
#314eae rgb(49,78,174)
```
#3143ae
```
#3143ae rgb(49,67,174)
```
#3139ae
```
#3139ae rgb(49,57,174)
```

Similar Colors

Text with hexadecimal color #3158ae

This text has a font color of #3158ae.

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

#3158ae background color

This paragraph has a background color of #3158ae.

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

#3158ae border color

This element has a border color of #3158ae.

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

CSS codes

.text {color:#3158ae;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060b15
```
#060b15 rgb(6,11,21)
```
#0a1224
```
#0a1224 rgb(10,18,36)
```
#0f1a34
```
#0f1a34 rgb(15,26,52)
```
#132243
```
#132243 rgb(19,34,67)
```
#172a52
```
#172a52 rgb(23,42,82)
```
#1b3161
```
#1b3161 rgb(27,49,97)
```
#203971
```
#203971 rgb(32,57,113)
```
#244180
```
#244180 rgb(36,65,128)
```
#28498f
```
#28498f rgb(40,73,143)
```
#2d509f
```
#2d509f rgb(45,80,159)
```
#3158ae
```
#3158ae rgb(49,88,174)
```
#3560bd
```
#3560bd rgb(53,96,189)
```

Shade Color Variation

#3e69c9
```
#3e69c9 rgb(62,105,201)
```
#4d75cd
```
#4d75cd rgb(77,117,205)
```
#5c81d1
```
#5c81d1 rgb(92,129,209)
```
#6c8dd5
```
#6c8dd5 rgb(108,141,213)
```
#7b99da
```
#7b99da rgb(123,153,218)
```
#8aa4de
```
#8aa4de rgb(138,164,222)
```
#9ab0e2
```
#9ab0e2 rgb(154,176,226)
```
#a9bce7
```
#a9bce7 rgb(169,188,231)
```
#b8c8eb
```
#b8c8eb rgb(184,200,235)
```
#c7d4ef
```
#c7d4ef rgb(199,212,239)
```
#d7e0f4
```
#d7e0f4 rgb(215,224,244)
```
#e6ecf8
```
#e6ecf8 rgb(230,236,248)
```
#f5f8fc
```
#f5f8fc rgb(245,248,252)
```

Tint Color Variation

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

#6d6f72
```
#6d6f72 rgb(109,111,114)
```
#646b7b
```
#646b7b rgb(100,107,123)
```
#5c6883
```
#5c6883 rgb(92,104,131)
```
#53658c
```
#53658c rgb(83,101,140)
```
#4b6294
```
#4b6294 rgb(75,98,148)
```
#425e9d
```
#425e9d rgb(66,94,157)
```
#3a5ba5
```
#3a5ba5 rgb(58,91,165)
```
#3158ae
```
#3158ae rgb(49,88,174)
```
#2855b7
```
#2855b7 rgb(40,85,183)
```
#2052bf
```
#2052bf rgb(32,82,191)
```
#174ec8
```
#174ec8 rgb(23,78,200)
```
#0f4bd0
```
#0f4bd0 rgb(15,75,208)
```
#0648d9
```
#0648d9 rgb(6,72,217)
```

Tone Color Variation

Below, you can see how #3158ae 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
#4f5668 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3261b3 Protanopia 1% of men
#0066a9 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#315eb1 Protanomaly 1% of men, 0.01% of women
#1161ab Deuteranomaly 6% of men, 0.4% of women
#11668a Tritanomaly 0.01% of the population

#3158ae hex color

#3158ae Color Information

#3158ae Color Conversion

Color Schemes with #3158ae

Alternatives to #3158ae

#3158ae Preview

Shades and Tints of #3158ae

Tones of #3158ae

Color Blindness Simulator