#3950b5 hex color

In a RGB color space, hex #3950b5 is composed of 22.4% red, 31.4% green and 71% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 55.8% magenta, 0% yellow and 29% black. It has a hue angle of 228.9 degrees, a saturation of 52.1% and a lightness of 46.7%. #3950b5 color hex could be obtained by blending #72a0ff with #00006b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 31
- B 71
RGB color chart
- C 69
- M 56
- Y 0
- K 29
CMYK color chart

● #3950b5 color description : Moderate blue.

The hexadecimal color #3950b5 has RGB values of R:57, G:80, B:181 and CMYK values of C:0.69, M:0.56, Y:0, K:0.29. Its decimal value is 3756213.

Hex triplet	3950b5	`#3950b5`
RGB Decimal	57, 80, 181	`rgb(57,80,181)`
RGB Percent	22.4, 31.4, 71	`rgb(22.4%,31.4%,71%)`
CMYK	69, 56, 0, 29
HSL	228.9°, 52.1, 46.7	`hsl(228.9,52.1%,46.7%)`
HSV (or HSB)	228.9°, 68.5, 71
Web Safe	3366cc	`#3366cc`

CIE-LAB	37.739, 25.284, -56.27
XYZ	12.895, 9.943, 44.953
xyY	0.19, 0.147, 9.943
CIE-LCH	37.739, 61.689, 294.196
CIE-LUV	37.739, -11.829, -81.901
Hunter-Lab	31.532, 17.816, -62.454
Binary	00111001, 01010000, 10110101

#3950b5
```
#3950b5 rgb(57,80,181)
```
#b59e39
```
#b59e39 rgb(181,158,57)
```

Complementary Color

#398eb5
```
#398eb5 rgb(57,142,181)
```
#3950b5
```
#3950b5 rgb(57,80,181)
```
#6039b5
```
#6039b5 rgb(96,57,181)
```

Analogous Color

#8eb539
```
#8eb539 rgb(142,181,57)
```
#3950b5
```
#3950b5 rgb(57,80,181)
```
#b56039
```
#b56039 rgb(181,96,57)
```

Split Complementary Color

#50b539
```
#50b539 rgb(80,181,57)
```
#3950b5
```
#3950b5 rgb(57,80,181)
```
#b53950
```
#b53950 rgb(181,57,80)
```

Triadic Color

#39b59e
```
#39b59e rgb(57,181,158)
```
#3950b5
```
#3950b5 rgb(57,80,181)
```
#b53950
```
#b53950 rgb(181,57,80)
```
#b59e39
```
#b59e39 rgb(181,158,57)
```

Tetradic Color

#27367b
```
#27367b rgb(39,54,123)
```
#2d3f8e
```
#2d3f8e rgb(45,63,142)
```
#3347a2
```
#3347a2 rgb(51,71,162)
```
#3950b5
```
#3950b5 rgb(57,80,181)
```
#445bc4
```
#445bc4 rgb(68,91,196)
```
#576cca
```
#576cca rgb(87,108,202)
```
#6a7dd0
```
#6a7dd0 rgb(106,125,208)
```

Monochromatic Color

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

#396fb5
```
#396fb5 rgb(57,111,181)
```
#3965b5
```
#3965b5 rgb(57,101,181)
```
#395ab5
```
#395ab5 rgb(57,90,181)
```
#3950b5
```
#3950b5 rgb(57,80,181)
```
#3946b5
```
#3946b5 rgb(57,70,181)
```
#393bb5
```
#393bb5 rgb(57,59,181)
```
#4139b5
```
#4139b5 rgb(65,57,181)
```

Similar Colors

Text with hexadecimal color #3950b5

This text has a font color of #3950b5.

<span style="color:#3950b5;">Text here</span>

#3950b5 background color

This paragraph has a background color of #3950b5.

<p style="background-color:#3950b5;">Content here</p>

#3950b5 border color

This element has a border color of #3950b5.

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

CSS codes

.text {color:#3950b5;}

.background {background-color:#3950b5;}

.border {border:1px solid #3950b5;}

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

#010102
```
#010102 rgb(1,1,2)
```
#050711
```
#050711 rgb(5,7,17)
```
#0a0e20
```
#0a0e20 rgb(10,14,32)
```
#0f152f
```
#0f152f rgb(15,21,47)
```
#131b3e
```
#131b3e rgb(19,27,62)
```
#18224d
```
#18224d rgb(24,34,77)
```
#1d285b
```
#1d285b rgb(29,40,91)
```
#222f6a
```
#222f6a rgb(34,47,106)
```
#263679
```
#263679 rgb(38,54,121)
```
#2b3c88
```
#2b3c88 rgb(43,60,136)
```
#304397
```
#304397 rgb(48,67,151)
```
#3449a6
```
#3449a6 rgb(52,73,166)
```
#3950b5
```
#3950b5 rgb(57,80,181)
```

Shade Color Variation

#3f57c3
```
#3f57c3 rgb(63,87,195)
```
#4e64c7
```
#4e64c7 rgb(78,100,199)
```
#5d71cc
```
#5d71cc rgb(93,113,204)
```
#6c7fd1
```
#6c7fd1 rgb(108,127,209)
```
#7b8cd5
```
#7b8cd5 rgb(123,140,213)
```
#8a99da
```
#8a99da rgb(138,153,218)
```
#99a6df
```
#99a6df rgb(153,166,223)
```
#a7b3e3
```
#a7b3e3 rgb(167,179,227)
```
#b6c0e8
```
#b6c0e8 rgb(182,192,232)
```
#c5cded
```
#c5cded rgb(197,205,237)
```
#d4daf2
```
#d4daf2 rgb(212,218,242)
```
#e3e7f6
```
#e3e7f6 rgb(227,231,246)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```

Tint Color Variation

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

#70737e
```
#70737e rgb(112,115,126)
```
#676d87
```
#676d87 rgb(103,109,135)
```
#5e6790
```
#5e6790 rgb(94,103,144)
```
#54619a
```
#54619a rgb(84,97,154)
```
#4b5ca3
```
#4b5ca3 rgb(75,92,163)
```
#4256ac
```
#4256ac rgb(66,86,172)
```
#3950b5
```
#3950b5 rgb(57,80,181)
```
#304abe
```
#304abe rgb(48,74,190)
```
#2744c7
```
#2744c7 rgb(39,68,199)
```
#1e3fd0
```
#1e3fd0 rgb(30,63,208)
```
#1439da
```
#1439da rgb(20,57,218)
```
#0b33e3
```
#0b33e3 rgb(11,51,227)
```
#022dec
```
#022dec rgb(2,45,236)
```

Tone Color Variation

Below, you can see how #3950b5 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

#555555 Achromatopsia 0.005% of the population
#4f5468 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb9 Protanopia 1% of men
#0063a2 Deuteranopia 1% of men
#006a72 Tritanopia 0.001% of the population

Trichromacy

#1459b7 Protanomaly 1% of men, 0.01% of women
#145ca9 Deuteranomaly 6% of men, 0.4% of women
#14618a Tritanomaly 0.01% of the population

#3950b5 hex color

#3950b5 Color Information

#3950b5 Color Conversion

Color Schemes with #3950b5

Alternatives to #3950b5

#3950b5 Preview

Shades and Tints of #3950b5

Tones of #3950b5

Color Blindness Simulator