#3158bf hex color

In a RGB color space, hex #3158bf is composed of 19.2% red, 34.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 53.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 223.5 degrees, a saturation of 59.2% and a lightness of 47.1%. #3158bf color hex could be obtained by blending #62b0ff with #00007f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 35
- B 75
RGB color chart
- C 74
- M 54
- Y 0
- K 25
CMYK color chart

● #3158bf color description : Moderate blue.

The hexadecimal color #3158bf has RGB values of R:49, G:88, B:191 and CMYK values of C:0.74, M:0.54, Y:0, K:0.25. Its decimal value is 3233983.

Hex triplet	3158bf	`#3158bf`
RGB Decimal	49, 88, 191	`rgb(49,88,191)`
RGB Percent	19.2, 34.5, 74.9	`rgb(19.2%,34.5%,74.9%)`
CMYK	74, 54, 0, 25
HSL	223.5°, 59.2, 47.1	`hsl(223.5,59.2%,47.1%)`
HSV (or HSB)	223.5°, 74.3, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.235, 22.659, -58.102
XYZ	14.158, 11.393, 50.74
xyY	0.186, 0.149, 11.393
CIE-LCH	40.235, 62.364, 291.305
CIE-LUV	40.235, -15.652, -85.947
Hunter-Lab	33.754, 15.805, -65.501
Binary	00110001, 01011000, 10111111

#3158bf
```
#3158bf rgb(49,88,191)
```
#bf9831
```
#bf9831 rgb(191,152,49)
```

Complementary Color

#319fbf
```
#319fbf rgb(49,159,191)
```
#3158bf
```
#3158bf rgb(49,88,191)
```
#5131bf
```
#5131bf rgb(81,49,191)
```

Analogous Color

#9fbf31
```
#9fbf31 rgb(159,191,49)
```
#3158bf
```
#3158bf rgb(49,88,191)
```
#bf5131
```
#bf5131 rgb(191,81,49)
```

Split Complementary Color

#58bf31
```
#58bf31 rgb(88,191,49)
```
#3158bf
```
#3158bf rgb(49,88,191)
```
#bf3158
```
#bf3158 rgb(191,49,88)
```

Triadic Color

#31bf98
```
#31bf98 rgb(49,191,152)
```
#3158bf
```
#3158bf rgb(49,88,191)
```
#bf3158
```
#bf3158 rgb(191,49,88)
```
#bf9831
```
#bf9831 rgb(191,152,49)
```

Tetradic Color

#213c82
```
#213c82 rgb(33,60,130)
```
#274596
```
#274596 rgb(39,69,150)
```
#2c4fab
```
#2c4fab rgb(44,79,171)
```
#3158bf
```
#3158bf rgb(49,88,191)
```
#3c64cd
```
#3c64cd rgb(60,100,205)
```
#5174d2
```
#5174d2 rgb(81,116,210)
```
#6584d7
```
#6584d7 rgb(101,132,215)
```

Monochromatic Color

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

#317cbf
```
#317cbf rgb(49,124,191)
```
#3170bf
```
#3170bf rgb(49,112,191)
```
#3164bf
```
#3164bf rgb(49,100,191)
```
#3158bf
```
#3158bf rgb(49,88,191)
```
#314cbf
```
#314cbf rgb(49,76,191)
```
#3140bf
```
#3140bf rgb(49,64,191)
```
#3135bf
```
#3135bf rgb(49,53,191)
```

Similar Colors

Text with hexadecimal color #3158bf

This text has a font color of #3158bf.

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

#3158bf background color

This paragraph has a background color of #3158bf.

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

#3158bf border color

This element has a border color of #3158bf.

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

CSS codes

.text {color:#3158bf;}

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

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

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 #f3f6fc is the lightest one.

#010204
```
#010204 rgb(1,2,4)
```
#050913
```
#050913 rgb(5,9,19)
```
#091023
```
#091023 rgb(9,16,35)
```
#0d1733
```
#0d1733 rgb(13,23,51)
```
#111e42
```
#111e42 rgb(17,30,66)
```
#152652
```
#152652 rgb(21,38,82)
```
#192d61
```
#192d61 rgb(25,45,97)
```
#1d3471
```
#1d3471 rgb(29,52,113)
```
#213b81
```
#213b81 rgb(33,59,129)
```
#254290
```
#254290 rgb(37,66,144)
```
#294aa0
```
#294aa0 rgb(41,74,160)
```
#2d51af
```
#2d51af rgb(45,81,175)
```
#3158bf
```
#3158bf rgb(49,88,191)
```

Shade Color Variation

#3860cc
```
#3860cc rgb(56,96,204)
```
#476dd0
```
#476dd0 rgb(71,109,208)
```
#5779d4
```
#5779d4 rgb(87,121,212)
```
#6786d8
```
#6786d8 rgb(103,134,216)
```
#7692dc
```
#7692dc rgb(118,146,220)
```
#869fe0
```
#869fe0 rgb(134,159,224)
```
#95abe4
```
#95abe4 rgb(149,171,228)
```
#a5b7e8
```
#a5b7e8 rgb(165,183,232)
```
#b5c4ec
```
#b5c4ec rgb(181,196,236)
```
#c4d0f0
```
#c4d0f0 rgb(196,208,240)
```
#d4ddf4
```
#d4ddf4 rgb(212,221,244)
```
#e3e9f8
```
#e3e9f8 rgb(227,233,248)
```
#f3f6fc
```
#f3f6fc rgb(243,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #72757e is the less saturated color, while #0343ed is the most saturated one.

#72757e
```
#72757e rgb(114,117,126)
```
#687188
```
#687188 rgb(104,113,136)
```
#5f6d91
```
#5f6d91 rgb(95,109,145)
```
#56699a
```
#56699a rgb(86,105,154)
```
#4d64a3
```
#4d64a3 rgb(77,100,163)
```
#4360ad
```
#4360ad rgb(67,96,173)
```
#3a5cb6
```
#3a5cb6 rgb(58,92,182)
```
#3158bf
```
#3158bf rgb(49,88,191)
```
#2854c8
```
#2854c8 rgb(40,84,200)
```
#1f50d1
```
#1f50d1 rgb(31,80,209)
```
#154cdb
```
#154cdb rgb(21,76,219)
```
#0c47e4
```
#0c47e4 rgb(12,71,228)
```
#0343ed
```
#0343ed rgb(3,67,237)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#50586d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c4 Protanopia 1% of men
#0069ac Deuteranopia 1% of men
#007178 Tritanopia 0.001% of the population

Trichromacy

#115fc2 Protanomaly 1% of men, 0.01% of women
#1163b3 Deuteranomaly 6% of men, 0.4% of women
#116892 Tritanomaly 0.01% of the population

#3158bf hex color

#3158bf Color Information

#3158bf Color Conversion

Color Schemes with #3158bf

Alternatives to #3158bf

#3158bf Preview

Shades and Tints of #3158bf

Tones of #3158bf

Color Blindness Simulator