#3150bf hex color

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

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

● #3150bf color description : Moderate blue.

The hexadecimal color #3150bf has RGB values of R:49, G:80, B:191 and CMYK values of C:0.74, M:0.58, Y:0, K:0.25. Its decimal value is 3231935.

Hex triplet	3150bf	`#3150bf`
RGB Decimal	49, 80, 191	`rgb(49,80,191)`
RGB Percent	19.2, 31.4, 74.9	`rgb(19.2%,31.4%,74.9%)`
CMYK	74, 58, 0, 25
HSL	226.9°, 59.2, 47.1	`hsl(226.9,59.2%,47.1%)`
HSV (or HSB)	226.9°, 74.3, 74.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.112, 27.875, -61.55
XYZ	13.537, 10.151, 50.533
xyY	0.182, 0.137, 10.151
CIE-LCH	38.112, 67.568, 294.365
CIE-LUV	38.112, -13.495, -89.431
Hunter-Lab	31.861, 20.087, -71.736
Binary	00110001, 01010000, 10111111

#3150bf
```
#3150bf rgb(49,80,191)
```
#bfa031
```
#bfa031 rgb(191,160,49)
```

Complementary Color

#3197bf
```
#3197bf rgb(49,151,191)
```
#3150bf
```
#3150bf rgb(49,80,191)
```
#5931bf
```
#5931bf rgb(89,49,191)
```

Analogous Color

#97bf31
```
#97bf31 rgb(151,191,49)
```
#3150bf
```
#3150bf rgb(49,80,191)
```
#bf5931
```
#bf5931 rgb(191,89,49)
```

Split Complementary Color

#50bf31
```
#50bf31 rgb(80,191,49)
```
#3150bf
```
#3150bf rgb(49,80,191)
```
#bf3150
```
#bf3150 rgb(191,49,80)
```

Triadic Color

#31bfa0
```
#31bfa0 rgb(49,191,160)
```
#3150bf
```
#3150bf rgb(49,80,191)
```
#bf3150
```
#bf3150 rgb(191,49,80)
```
#bfa031
```
#bfa031 rgb(191,160,49)
```

Tetradic Color

#213782
```
#213782 rgb(33,55,130)
```
#273f96
```
#273f96 rgb(39,63,150)
```
#2c47ab
```
#2c47ab rgb(44,71,171)
```
#3150bf
```
#3150bf rgb(49,80,191)
```
#3c5ccd
```
#3c5ccd rgb(60,92,205)
```
#516dd2
```
#516dd2 rgb(81,109,210)
```
#657ed7
```
#657ed7 rgb(101,126,215)
```

Monochromatic Color

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

#3174bf
```
#3174bf rgb(49,116,191)
```
#3168bf
```
#3168bf rgb(49,104,191)
```
#315cbf
```
#315cbf rgb(49,92,191)
```
#3150bf
```
#3150bf rgb(49,80,191)
```
#3144bf
```
#3144bf rgb(49,68,191)
```
#3138bf
```
#3138bf rgb(49,56,191)
```
#3631bf
```
#3631bf rgb(54,49,191)
```

Similar Colors

Text with hexadecimal color #3150bf

This text has a font color of #3150bf.

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

#3150bf background color

This paragraph has a background color of #3150bf.

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

#3150bf border color

This element has a border color of #3150bf.

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

CSS codes

.text {color:#3150bf;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050813
```
#050813 rgb(5,8,19)
```
#090f23
```
#090f23 rgb(9,15,35)
```
#0d1533
```
#0d1533 rgb(13,21,51)
```
#111c42
```
#111c42 rgb(17,28,66)
```
#152252
```
#152252 rgb(21,34,82)
```
#192961
```
#192961 rgb(25,41,97)
```
#1d2f71
```
#1d2f71 rgb(29,47,113)
```
#213681
```
#213681 rgb(33,54,129)
```
#253c90
```
#253c90 rgb(37,60,144)
```
#2943a0
```
#2943a0 rgb(41,67,160)
```
#2d49af
```
#2d49af rgb(45,73,175)
```
#3150bf
```
#3150bf rgb(49,80,191)
```

Shade Color Variation

#3858cc
```
#3858cc rgb(56,88,204)
```
#4765d0
```
#4765d0 rgb(71,101,208)
```
#5772d4
```
#5772d4 rgb(87,114,212)
```
#677fd8
```
#677fd8 rgb(103,127,216)
```
#768cdc
```
#768cdc rgb(118,140,220)
```
#8699e0
```
#8699e0 rgb(134,153,224)
```
#95a7e4
```
#95a7e4 rgb(149,167,228)
```
#a5b4e8
```
#a5b4e8 rgb(165,180,232)
```
#b5c1ec
```
#b5c1ec rgb(181,193,236)
```
#c4cef0
```
#c4cef0 rgb(196,206,240)
```
#d4dbf4
```
#d4dbf4 rgb(212,219,244)
```
#e3e8f8
```
#e3e8f8 rgb(227,232,248)
```
#f3f5fc
```
#f3f5fc rgb(243,245,252)
```

Tint Color Variation

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

#72747e
```
#72747e rgb(114,116,126)
```
#686f88
```
#686f88 rgb(104,111,136)
```
#5f6a91
```
#5f6a91 rgb(95,106,145)
```
#56659a
```
#56659a rgb(86,101,154)
```
#4d60a3
```
#4d60a3 rgb(77,96,163)
```
#435aad
```
#435aad rgb(67,90,173)
```
#3a55b6
```
#3a55b6 rgb(58,85,182)
```
#3150bf
```
#3150bf rgb(49,80,191)
```
#284bc8
```
#284bc8 rgb(40,75,200)
```
#1f46d1
```
#1f46d1 rgb(31,70,209)
```
#1540db
```
#1540db rgb(21,64,219)
```
#0c3be4
```
#0c3be4 rgb(12,59,228)
```
#0336ed
```
#0336ed rgb(3,54,237)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4c5269 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0064a3 Deuteranopia 1% of men
#006b72 Tritanopia 0.001% of the population

Trichromacy

#1159bc Protanomaly 1% of men, 0.01% of women
#115dad Deuteranomaly 6% of men, 0.4% of women
#11618e Tritanomaly 0.01% of the population

#3150bf hex color

#3150bf Color Information

#3150bf Color Conversion

Color Schemes with #3150bf

Alternatives to #3150bf

#3150bf Preview

Shades and Tints of #3150bf

Tones of #3150bf

Color Blindness Simulator