#3950b2 hex color

In a RGB color space, hex #3950b2 is composed of 22.4% red, 31.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 55.1% magenta, 0% yellow and 30.2% black. It has a hue angle of 228.6 degrees, a saturation of 51.5% and a lightness of 46.1%. #3950b2 color hex could be obtained by blending #72a0ff with #000065. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 31
- B 70
RGB color chart
- C 68
- M 55
- Y 0
- K 30
CMYK color chart

● #3950b2 color description : Dark moderate blue.

The hexadecimal color #3950b2 has RGB values of R:57, G:80, B:178 and CMYK values of C:0.68, M:0.55, Y:0, K:0.3. Its decimal value is 3756210.

Hex triplet	3950b2	`#3950b2`
RGB Decimal	57, 80, 178	`rgb(57,80,178)`
RGB Percent	22.4, 31.4, 69.8	`rgb(22.4%,31.4%,69.8%)`
CMYK	68, 55, 0, 30
HSL	228.6°, 51.5, 46.1	`hsl(228.6,51.5%,46.1%)`
HSV (or HSB)	228.6°, 68, 69.8
Web Safe	336699	`#336699`

CIE-LAB	37.519, 24.195, -54.857
XYZ	12.59, 9.821, 43.349
xyY	0.191, 0.149, 9.821
CIE-LCH	37.519, 59.956, 293.8
CIE-LUV	37.519, -11.78, -79.746
Hunter-Lab	31.338, 16.871, -60.077
Binary	00111001, 01010000, 10110010

#3950b2
```
#3950b2 rgb(57,80,178)
```
#b29b39
```
#b29b39 rgb(178,155,57)
```

Complementary Color

#398db2
```
#398db2 rgb(57,141,178)
```
#3950b2
```
#3950b2 rgb(57,80,178)
```
#5e39b2
```
#5e39b2 rgb(94,57,178)
```

Analogous Color

#8db239
```
#8db239 rgb(141,178,57)
```
#3950b2
```
#3950b2 rgb(57,80,178)
```
#b25f39
```
#b25f39 rgb(178,95,57)
```

Split Complementary Color

#50b239
```
#50b239 rgb(80,178,57)
```
#3950b2
```
#3950b2 rgb(57,80,178)
```
#b23950
```
#b23950 rgb(178,57,80)
```

Triadic Color

#39b29b
```
#39b29b rgb(57,178,155)
```
#3950b2
```
#3950b2 rgb(57,80,178)
```
#b23950
```
#b23950 rgb(178,57,80)
```
#b29b39
```
#b29b39 rgb(178,155,57)
```

Tetradic Color

#263678
```
#263678 rgb(38,54,120)
```
#2d3f8b
```
#2d3f8b rgb(45,63,139)
```
#33479f
```
#33479f rgb(51,71,159)
```
#3950b2
```
#3950b2 rgb(57,80,178)
```
#425ac2
```
#425ac2 rgb(66,90,194)
```
#556bc9
```
#556bc9 rgb(85,107,201)
```
#697ccf
```
#697ccf rgb(105,124,207)
```

Monochromatic Color

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

#396eb2
```
#396eb2 rgb(57,110,178)
```
#3964b2
```
#3964b2 rgb(57,100,178)
```
#395ab2
```
#395ab2 rgb(57,90,178)
```
#3950b2
```
#3950b2 rgb(57,80,178)
```
#3946b2
```
#3946b2 rgb(57,70,178)
```
#393cb2
```
#393cb2 rgb(57,60,178)
```
#4039b2
```
#4039b2 rgb(64,57,178)
```

Similar Colors

Text with hexadecimal color #3950b2

This text has a font color of #3950b2.

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

#3950b2 background color

This paragraph has a background color of #3950b2.

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

#3950b2 border color

This element has a border color of #3950b2.

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

CSS codes

.text {color:#3950b2;}

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

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

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, #05070f is the darkest color, while #ffffff is the lightest one.

#05070f
```
#05070f rgb(5,7,15)
```
#090d1d
```
#090d1d rgb(9,13,29)
```
#0e142c
```
#0e142c rgb(14,20,44)
```
#131b3b
```
#131b3b rgb(19,27,59)
```
#18214a
```
#18214a rgb(24,33,74)
```
#1c2859
```
#1c2859 rgb(28,40,89)
```
#212f68
```
#212f68 rgb(33,47,104)
```
#263577
```
#263577 rgb(38,53,119)
```
#2b3c85
```
#2b3c85 rgb(43,60,133)
```
#2f4394
```
#2f4394 rgb(47,67,148)
```
#3449a3
```
#3449a3 rgb(52,73,163)
```
#3950b2
```
#3950b2 rgb(57,80,178)
```
#3e57c1
```
#3e57c1 rgb(62,87,193)
```

Shade Color Variation

#4c63c6
```
#4c63c6 rgb(76,99,198)
```
#5b70cb
```
#5b70cb rgb(91,112,203)
```
#6a7dcf
```
#6a7dcf rgb(106,125,207)
```
#798ad4
```
#798ad4 rgb(121,138,212)
```
#8897d9
```
#8897d9 rgb(136,151,217)
```
#97a4de
```
#97a4de rgb(151,164,222)
```
#a6b1e2
```
#a6b1e2 rgb(166,177,226)
```
#b4bee7
```
#b4bee7 rgb(180,190,231)
```
#c3cbec
```
#c3cbec rgb(195,203,236)
```
#d2d8f1
```
#d2d8f1 rgb(210,216,241)
```
#e1e5f5
```
#e1e5f5 rgb(225,229,245)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6f727c
```
#6f727c rgb(111,114,124)
```
#666c85
```
#666c85 rgb(102,108,133)
```
#5d668e
```
#5d668e rgb(93,102,142)
```
#546197
```
#546197 rgb(84,97,151)
```
#4b5ba0
```
#4b5ba0 rgb(75,91,160)
```
#4256a9
```
#4256a9 rgb(66,86,169)
```
#3950b2
```
#3950b2 rgb(57,80,178)
```
#304abb
```
#304abb rgb(48,74,187)
```
#2745c4
```
#2745c4 rgb(39,69,196)
```
#1e3fcd
```
#1e3fcd rgb(30,63,205)
```
#153ad6
```
#153ad6 rgb(21,58,214)
```
#0c34df
```
#0c34df rgb(12,52,223)
```
#032ee8
```
#032ee8 rgb(3,46,232)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4f5367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db8 Protanopia 1% of men
#0063a2 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#1458b6 Protanomaly 1% of men, 0.01% of women
#145ca7 Deuteranomaly 6% of men, 0.4% of women
#146089 Tritanomaly 0.01% of the population

#3950b2 hex color

#3950b2 Color Information

#3950b2 Color Conversion

Color Schemes with #3950b2

Alternatives to #3950b2

#3950b2 Preview

Shades and Tints of #3950b2

Tones of #3950b2

Color Blindness Simulator