#3960b4 hex color

In a RGB color space, hex #3960b4 is composed of 22.4% red, 37.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 46.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 221 degrees, a saturation of 51.9% and a lightness of 46.5%. #3960b4 color hex could be obtained by blending #72c0ff with #000069. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 22
- G 38
- B 71
RGB color chart
- C 68
- M 47
- Y 0
- K 29
CMYK color chart

● #3960b4 color description : Moderate blue.

The hexadecimal color #3960b4 has RGB values of R:57, G:96, B:180 and CMYK values of C:0.68, M:0.47, Y:0, K:0.29. Its decimal value is 3760308.

Hex triplet	3960b4	`#3960b4`
RGB Decimal	57, 96, 180	`rgb(57,96,180)`
RGB Percent	22.4, 37.6, 70.6	`rgb(22.4%,37.6%,70.6%)`
CMYK	68, 47, 0, 29
HSL	221°, 51.9, 46.5	`hsl(221,51.9%,46.5%)`
HSV (or HSB)	221°, 68.3, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.046, 14.527, -48.733
XYZ	14.107, 12.53, 44.853
xyY	0.197, 0.175, 12.53
CIE-LCH	42.046, 50.852, 286.6
CIE-LUV	42.046, -16.513, -72.875
Hunter-Lab	35.398, 9.19, -50.348
Binary	00111001, 01100000, 10110100

#3960b4
```
#3960b4 rgb(57,96,180)
```
#b48d39
```
#b48d39 rgb(180,141,57)
```

Complementary Color

#399eb4
```
#399eb4 rgb(57,158,180)
```
#3960b4
```
#3960b4 rgb(57,96,180)
```
#5039b4
```
#5039b4 rgb(80,57,180)
```

Analogous Color

#9eb439
```
#9eb439 rgb(158,180,57)
```
#3960b4
```
#3960b4 rgb(57,96,180)
```
#b45039
```
#b45039 rgb(180,80,57)
```

Split Complementary Color

#60b439
```
#60b439 rgb(96,180,57)
```
#3960b4
```
#3960b4 rgb(57,96,180)
```
#b43960
```
#b43960 rgb(180,57,96)
```

Triadic Color

#39b48d
```
#39b48d rgb(57,180,141)
```
#3960b4
```
#3960b4 rgb(57,96,180)
```
#b43960
```
#b43960 rgb(180,57,96)
```
#b48d39
```
#b48d39 rgb(180,141,57)
```

Tetradic Color

#27417a
```
#27417a rgb(39,65,122)
```
#2d4b8d
```
#2d4b8d rgb(45,75,141)
```
#3356a1
```
#3356a1 rgb(51,86,161)
```
#3960b4
```
#3960b4 rgb(57,96,180)
```
#436cc3
```
#436cc3 rgb(67,108,195)
```
#567bca
```
#567bca rgb(86,123,202)
```
#6a8ad0
```
#6a8ad0 rgb(106,138,208)
```

Monochromatic Color

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

#397fb4
```
#397fb4 rgb(57,127,180)
```
#3975b4
```
#3975b4 rgb(57,117,180)
```
#396ab4
```
#396ab4 rgb(57,106,180)
```
#3960b4
```
#3960b4 rgb(57,96,180)
```
#3956b4
```
#3956b4 rgb(57,86,180)
```
#394bb4
```
#394bb4 rgb(57,75,180)
```
#3941b4
```
#3941b4 rgb(57,65,180)
```

Similar Colors

Text with hexadecimal color #3960b4

This text has a font color of #3960b4.

<span style="color:#3960b4;">Text here</span>

#3960b4 background color

This paragraph has a background color of #3960b4.

<p style="background-color:#3960b4;">Content here</p>

#3960b4 border color

This element has a border color of #3960b4.

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

CSS codes

.text {color:#3960b4;}

.background {background-color:#3960b4;}

.border {border:1px solid #3960b4;}

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

#000101
```
#000101 rgb(0,1,1)
```
#050910
```
#050910 rgb(5,9,16)
```
#0a111f
```
#0a111f rgb(10,17,31)
```
#0f182e
```
#0f182e rgb(15,24,46)
```
#13203d
```
#13203d rgb(19,32,61)
```
#18284c
```
#18284c rgb(24,40,76)
```
#1d305b
```
#1d305b rgb(29,48,91)
```
#21386a
```
#21386a rgb(33,56,106)
```
#264078
```
#264078 rgb(38,64,120)
```
#2b4887
```
#2b4887 rgb(43,72,135)
```
#305096
```
#305096 rgb(48,80,150)
```
#3458a5
```
#3458a5 rgb(52,88,165)
```
#3960b4
```
#3960b4 rgb(57,96,180)
```

Shade Color Variation

#3f68c2
```
#3f68c2 rgb(63,104,194)
```
#4d74c7
```
#4d74c7 rgb(77,116,199)
```
#5c80cb
```
#5c80cb rgb(92,128,203)
```
#6b8bd0
```
#6b8bd0 rgb(107,139,208)
```
#7a97d5
```
#7a97d5 rgb(122,151,213)
```
#89a3da
```
#89a3da rgb(137,163,218)
```
#98aede
```
#98aede rgb(152,174,222)
```
#a7bae3
```
#a7bae3 rgb(167,186,227)
```
#b6c6e8
```
#b6c6e8 rgb(182,198,232)
```
#c5d1ed
```
#c5d1ed rgb(197,209,237)
```
#d4ddf1
```
#d4ddf1 rgb(212,221,241)
```
#e2e9f6
```
#e2e9f6 rgb(226,233,246)
```
#f1f4fb
```
#f1f4fb rgb(241,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #70747d is the less saturated color, while #024ceb is the most saturated one.

#70747d
```
#70747d rgb(112,116,125)
```
#677186
```
#677186 rgb(103,113,134)
```
#5d6d90
```
#5d6d90 rgb(93,109,144)
```
#546a99
```
#546a99 rgb(84,106,153)
```
#4b67a2
```
#4b67a2 rgb(75,103,162)
```
#4263ab
```
#4263ab rgb(66,99,171)
```
#3960b4
```
#3960b4 rgb(57,96,180)
```
#305dbd
```
#305dbd rgb(48,93,189)
```
#2759c6
```
#2759c6 rgb(39,89,198)
```
#1e56cf
```
#1e56cf rgb(30,86,207)
```
#1553d8
```
#1553d8 rgb(21,83,216)
```
#0b4fe2
```
#0b4fe2 rgb(11,79,226)
```
#024ceb
```
#024ceb rgb(2,76,235)
```

Tone Color Variation

Below, you can see how #3960b4 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

#5e5e5e Achromatopsia 0.005% of the population
#575e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f68b8 Protanopia 1% of men
#0c6db5 Deuteranopia 1% of men
#00757e Tritanopia 0.001% of the population

Trichromacy

#3d65b6 Protanomaly 1% of men, 0.01% of women
#1c68b5 Deuteranomaly 6% of men, 0.4% of women
#146d91 Tritanomaly 0.01% of the population

#3960b4 hex color

#3960b4 Color Information

#3960b4 Color Conversion

Color Schemes with #3960b4

Alternatives to #3960b4

#3960b4 Preview

Shades and Tints of #3960b4

Tones of #3960b4

Color Blindness Simulator