#3970b4 hex color

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

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

● #3970b4 color description : Moderate blue.

The hexadecimal color #3970b4 has RGB values of R:57, G:112, B:180 and CMYK values of C:0.68, M:0.38, Y:0, K:0.29. Its decimal value is 3764404.

Hex triplet	3970b4	`#3970b4`
RGB Decimal	57, 112, 180	`rgb(57,112,180)`
RGB Percent	22.4, 43.9, 70.6	`rgb(22.4%,43.9%,70.6%)`
CMYK	68, 38, 0, 29
HSL	213.2°, 51.9, 46.5	`hsl(213.2,51.9%,46.5%)`
HSV (or HSB)	213.2°, 68.3, 70.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.648, 4.411, -41.39
XYZ	15.718, 15.752, 45.39
xyY	0.204, 0.205, 15.752
CIE-LCH	46.648, 41.625, 276.082
CIE-LUV	46.648, -21.754, -62.527
Hunter-Lab	39.689, 1.234, -40.023
Binary	00111001, 01110000, 10110100

#3970b4
```
#3970b4 rgb(57,112,180)
```
#b47d39
```
#b47d39 rgb(180,125,57)
```

Complementary Color

#39aeb4
```
#39aeb4 rgb(57,174,180)
```
#3970b4
```
#3970b4 rgb(57,112,180)
```
#4039b4
```
#4039b4 rgb(64,57,180)
```

Analogous Color

#aeb439
```
#aeb439 rgb(174,180,57)
```
#3970b4
```
#3970b4 rgb(57,112,180)
```
#b44039
```
#b44039 rgb(180,64,57)
```

Split Complementary Color

#70b439
```
#70b439 rgb(112,180,57)
```
#3970b4
```
#3970b4 rgb(57,112,180)
```
#b43970
```
#b43970 rgb(180,57,112)
```

Triadic Color

#39b47d
```
#39b47d rgb(57,180,125)
```
#3970b4
```
#3970b4 rgb(57,112,180)
```
#b43970
```
#b43970 rgb(180,57,112)
```
#b47d39
```
#b47d39 rgb(180,125,57)
```

Tetradic Color

#274c7a
```
#274c7a rgb(39,76,122)
```
#2d588d
```
#2d588d rgb(45,88,141)
```
#3364a1
```
#3364a1 rgb(51,100,161)
```
#3970b4
```
#3970b4 rgb(57,112,180)
```
#437cc3
```
#437cc3 rgb(67,124,195)
```
#568aca
```
#568aca rgb(86,138,202)
```
#6a97d0
```
#6a97d0 rgb(106,151,208)
```

Monochromatic Color

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

#398fb4
```
#398fb4 rgb(57,143,180)
```
#3985b4
```
#3985b4 rgb(57,133,180)
```
#397ab4
```
#397ab4 rgb(57,122,180)
```
#3970b4
```
#3970b4 rgb(57,112,180)
```
#3966b4
```
#3966b4 rgb(57,102,180)
```
#395cb4
```
#395cb4 rgb(57,92,180)
```
#3951b4
```
#3951b4 rgb(57,81,180)
```

Similar Colors

Text with hexadecimal color #3970b4

This text has a font color of #3970b4.

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

#3970b4 background color

This paragraph has a background color of #3970b4.

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

#3970b4 border color

This element has a border color of #3970b4.

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

CSS codes

.text {color:#3970b4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050a10
```
#050a10 rgb(5,10,16)
```
#0a131f
```
#0a131f rgb(10,19,31)
```
#0f1d2e
```
#0f1d2e rgb(15,29,46)
```
#13263d
```
#13263d rgb(19,38,61)
```
#182f4c
```
#182f4c rgb(24,47,76)
```
#1d385b
```
#1d385b rgb(29,56,91)
```
#21426a
```
#21426a rgb(33,66,106)
```
#264b78
```
#264b78 rgb(38,75,120)
```
#2b5487
```
#2b5487 rgb(43,84,135)
```
#305d96
```
#305d96 rgb(48,93,150)
```
#3467a5
```
#3467a5 rgb(52,103,165)
```
#3970b4
```
#3970b4 rgb(57,112,180)
```

Shade Color Variation

#3f79c2
```
#3f79c2 rgb(63,121,194)
```
#4d84c7
```
#4d84c7 rgb(77,132,199)
```
#5c8ecb
```
#5c8ecb rgb(92,142,203)
```
#6b98d0
```
#6b98d0 rgb(107,152,208)
```
#7aa3d5
```
#7aa3d5 rgb(122,163,213)
```
#89adda
```
#89adda rgb(137,173,218)
```
#98b7de
```
#98b7de rgb(152,183,222)
```
#a7c2e3
```
#a7c2e3 rgb(167,194,227)
```
#b6cce8
```
#b6cce8 rgb(182,204,232)
```
#c5d6ed
```
#c5d6ed rgb(197,214,237)
```
#d4e1f1
```
#d4e1f1 rgb(212,225,241)
```
#e2ebf6
```
#e2ebf6 rgb(226,235,246)
```
#f1f6fb
```
#f1f6fb rgb(241,246,251)
```

Tint Color Variation

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

#70767d
```
#70767d rgb(112,118,125)
```
#677586
```
#677586 rgb(103,117,134)
```
#5d7490
```
#5d7490 rgb(93,116,144)
```
#547399
```
#547399 rgb(84,115,153)
```
#4b72a2
```
#4b72a2 rgb(75,114,162)
```
#4271ab
```
#4271ab rgb(66,113,171)
```
#3970b4
```
#3970b4 rgb(57,112,180)
```
#306fbd
```
#306fbd rgb(48,111,189)
```
#276ec6
```
#276ec6 rgb(39,110,198)
```
#1e6dcf
```
#1e6dcf rgb(30,109,207)
```
#156cd8
```
#156cd8 rgb(21,108,216)
```
#0b6be2
```
#0b6be2 rgb(11,107,226)
```
#026aeb
```
#026aeb rgb(2,106,235)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5e6976 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a73b5 Protanopia 1% of men
#4876b8 Deuteranopia 1% of men
#11818a Tritanopia 0.001% of the population

Trichromacy

#4e72b4 Protanomaly 1% of men, 0.01% of women
#4274b6 Deuteranomaly 6% of men, 0.4% of women
#1f7b99 Tritanomaly 0.01% of the population

#3970b4 hex color

#3970b4 Color Information

#3970b4 Color Conversion

Color Schemes with #3970b4

Alternatives to #3970b4

#3970b4 Preview

Shades and Tints of #3970b4

Tones of #3970b4

Color Blindness Simulator