#3158ad hex color

In a RGB color space, hex #3158ad is composed of 19.2% red, 34.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 49.1% magenta, 0% yellow and 32.2% black. It has a hue angle of 221.1 degrees, a saturation of 55.9% and a lightness of 43.5%. #3158ad color hex could be obtained by blending #62b0ff with #00005b. 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

● #3158ad color description : Dark blue.

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

Hex triplet	3158ad	`#3158ad`
RGB Decimal	49, 88, 173	`rgb(49,88,173)`
RGB Percent	19.2, 34.5, 67.8	`rgb(19.2%,34.5%,67.8%)`
CMYK	72, 49, 0, 32
HSL	221.1°, 55.9, 43.5	`hsl(221.1,55.9%,43.5%)`
HSV (or HSB)	221.1°, 71.7, 67.8
Web Safe	336699	`#336699`

CIE-LAB	38.982, 15.896, -49.556
XYZ	12.298, 10.649, 40.94
xyY	0.192, 0.167, 10.649
CIE-LCH	38.982, 52.043, 287.785
CIE-LUV	38.982, -15.714, -72.617
Hunter-Lab	32.632, 10.161, -51.542
Binary	00110001, 01011000, 10101101

#3158ad
```
#3158ad rgb(49,88,173)
```
#ad8631
```
#ad8631 rgb(173,134,49)
```

Complementary Color

#3196ad
```
#3196ad rgb(49,150,173)
```
#3158ad
```
#3158ad rgb(49,88,173)
```
#4831ad
```
#4831ad rgb(72,49,173)
```

Analogous Color

#96ad31
```
#96ad31 rgb(150,173,49)
```
#3158ad
```
#3158ad rgb(49,88,173)
```
#ad4831
```
#ad4831 rgb(173,72,49)
```

Split Complementary Color

#58ad31
```
#58ad31 rgb(88,173,49)
```
#3158ad
```
#3158ad rgb(49,88,173)
```
#ad3158
```
#ad3158 rgb(173,49,88)
```

Triadic Color

#31ad86
```
#31ad86 rgb(49,173,134)
```
#3158ad
```
#3158ad rgb(49,88,173)
```
#ad3158
```
#ad3158 rgb(173,49,88)
```
#ad8631
```
#ad8631 rgb(173,134,49)
```

Tetradic Color

#203a71
```
#203a71 rgb(32,58,113)
```
#264485
```
#264485 rgb(38,68,133)
```
#2b4e99
```
#2b4e99 rgb(43,78,153)
```
#3158ad
```
#3158ad rgb(49,88,173)
```
#3762c1
```
#3762c1 rgb(55,98,193)
```
#4670cb
```
#4670cb rgb(70,112,203)
```
#5a7fd0
```
#5a7fd0 rgb(90,127,208)
```

Monochromatic Color

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

#3177ad
```
#3177ad rgb(49,119,173)
```
#316dad
```
#316dad rgb(49,109,173)
```
#3162ad
```
#3162ad rgb(49,98,173)
```
#3158ad
```
#3158ad rgb(49,88,173)
```
#314ead
```
#314ead rgb(49,78,173)
```
#3143ad
```
#3143ad rgb(49,67,173)
```
#3139ad
```
#3139ad rgb(49,57,173)
```

Similar Colors

Text with hexadecimal color #3158ad

This text has a font color of #3158ad.

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

#3158ad background color

This paragraph has a background color of #3158ad.

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

#3158ad border color

This element has a border color of #3158ad.

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

CSS codes

.text {color:#3158ad;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060a14
```
#060a14 rgb(6,10,20)
```
#0a1223
```
#0a1223 rgb(10,18,35)
```
#0e1a33
```
#0e1a33 rgb(14,26,51)
```
#132242
```
#132242 rgb(19,34,66)
```
#172951
```
#172951 rgb(23,41,81)
```
#1b3161
```
#1b3161 rgb(27,49,97)
```
#203970
```
#203970 rgb(32,57,112)
```
#24417f
```
#24417f rgb(36,65,127)
```
#28488e
```
#28488e rgb(40,72,142)
```
#2d509e
```
#2d509e rgb(45,80,158)
```
#3158ad
```
#3158ad rgb(49,88,173)
```
#3560bc
```
#3560bc rgb(53,96,188)
```

Shade Color Variation

#3d69c8
```
#3d69c8 rgb(61,105,200)
```
#4c75cc
```
#4c75cc rgb(76,117,204)
```
#5c81d1
```
#5c81d1 rgb(92,129,209)
```
#6b8cd5
```
#6b8cd5 rgb(107,140,213)
```
#7a98d9
```
#7a98d9 rgb(122,152,217)
```
#8aa4de
```
#8aa4de rgb(138,164,222)
```
#99b0e2
```
#99b0e2 rgb(153,176,226)
```
#a8bce6
```
#a8bce6 rgb(168,188,230)
```
#b7c8eb
```
#b7c8eb rgb(183,200,235)
```
#c7d3ef
```
#c7d3ef rgb(199,211,239)
```
#d6dff3
```
#d6dff3 rgb(214,223,243)
```
#e5ebf8
```
#e5ebf8 rgb(229,235,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,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 #0648d8 is the most saturated one.

#6d6e71
```
#6d6e71 rgb(109,110,113)
```
#646b7a
```
#646b7a rgb(100,107,122)
```
#5c6882
```
#5c6882 rgb(92,104,130)
```
#53658b
```
#53658b rgb(83,101,139)
```
#4b6293
```
#4b6293 rgb(75,98,147)
```
#425e9c
```
#425e9c rgb(66,94,156)
```
#3a5ba4
```
#3a5ba4 rgb(58,91,164)
```
#3158ad
```
#3158ad rgb(49,88,173)
```
#2855b6
```
#2855b6 rgb(40,85,182)
```
#2052be
```
#2052be rgb(32,82,190)
```
#174ec7
```
#174ec7 rgb(23,78,199)
```
#0f4bcf
```
#0f4bcf rgb(15,75,207)
```
#0648d8
```
#0648d8 rgb(6,72,216)
```

Tone Color Variation

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

#3361b2 Protanopia 1% of men
#0066a9 Deuteranopia 1% of men
#006e75 Tritanopia 0.001% of the population

Trichromacy

#325eb0 Protanomaly 1% of men, 0.01% of women
#1160aa Deuteranomaly 6% of men, 0.4% of women
#116689 Tritanomaly 0.01% of the population

#3158ad hex color

#3158ad Color Information

#3158ad Color Conversion

Color Schemes with #3158ad

Alternatives to #3158ad

#3158ad Preview

Shades and Tints of #3158ad

Tones of #3158ad

Color Blindness Simulator