#6970b4 hex color

In a RGB color space, hex #6970b4 is composed of 41.2% red, 43.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 41.7% cyan, 37.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 234.4 degrees, a saturation of 33.3% and a lightness of 55.9%. #6970b4 color hex could be obtained by blending #d2e0ff with #000069. Closest websafe color is: #6666cc.

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

● #6970b4 color description : Slightly desaturated blue.

The hexadecimal color #6970b4 has RGB values of R:105, G:112, B:180 and CMYK values of C:0.42, M:0.38, Y:0, K:0.29. Its decimal value is 6910132.

Hex triplet	6970b4	`#6970b4`
RGB Decimal	105, 112, 180	`rgb(105,112,180)`
RGB Percent	41.2, 43.9, 70.6	`rgb(41.2%,43.9%,70.6%)`
CMYK	42, 38, 0, 29
HSL	234.4°, 33.3, 55.9	`hsl(234.4,33.3%,55.9%)`
HSV (or HSB)	234.4°, 41.7, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.358, 14.967, -36.93
XYZ	19.856, 17.886, 45.584
xyY	0.238, 0.215, 17.886
CIE-LCH	49.358, 39.848, 292.061
CIE-LUV	49.358, -7.002, -57.415
Hunter-Lab	42.292, 9.795, -34.3
Binary	01101001, 01110000, 10110100

#6970b4
```
#6970b4 rgb(105,112,180)
```
#b4ad69
```
#b4ad69 rgb(180,173,105)
```

Complementary Color

#6996b4
```
#6996b4 rgb(105,150,180)
```
#6970b4
```
#6970b4 rgb(105,112,180)
```
#8869b4
```
#8869b4 rgb(136,105,180)
```

Analogous Color

#96b469
```
#96b469 rgb(150,180,105)
```
#6970b4
```
#6970b4 rgb(105,112,180)
```
#b48869
```
#b48869 rgb(180,136,105)
```

Split Complementary Color

#70b469
```
#70b469 rgb(112,180,105)
```
#6970b4
```
#6970b4 rgb(105,112,180)
```
#b46970
```
#b46970 rgb(180,105,112)
```

Triadic Color

#69b4ad
```
#69b4ad rgb(105,180,173)
```
#6970b4
```
#6970b4 rgb(105,112,180)
```
#b46970
```
#b46970 rgb(180,105,112)
```
#b4ad69
```
#b4ad69 rgb(180,173,105)
```

Tetradic Color

#464c8b
```
#464c8b rgb(70,76,139)
```
#4e559c
```
#4e559c rgb(78,85,156)
```
#5860ac
```
#5860ac rgb(88,96,172)
```
#6970b4
```
#6970b4 rgb(105,112,180)
```
#7a80bd
```
#7a80bd rgb(122,128,189)
```
#8b90c5
```
#8b90c5 rgb(139,144,197)
```
#9ca1ce
```
#9ca1ce rgb(156,161,206)
```

Monochromatic Color

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

#6983b4
```
#6983b4 rgb(105,131,180)
```
#697db4
```
#697db4 rgb(105,125,180)
```
#6976b4
```
#6976b4 rgb(105,118,180)
```
#6970b4
```
#6970b4 rgb(105,112,180)
```
#696ab4
```
#696ab4 rgb(105,106,180)
```
#6f69b4
```
#6f69b4 rgb(111,105,180)
```
#7569b4
```
#7569b4 rgb(117,105,180)
```

Similar Colors

Text with hexadecimal color #6970b4

This text has a font color of #6970b4.

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

#6970b4 background color

This paragraph has a background color of #6970b4.

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

#6970b4 border color

This element has a border color of #6970b4.

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

CSS codes

.text {color:#6970b4;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#0a0b14
```
#0a0b14 rgb(10,11,20)
```
#111221
```
#111221 rgb(17,18,33)
```
#17192e
```
#17192e rgb(23,25,46)
```
#1e203b
```
#1e203b rgb(30,32,59)
```
#242848
```
#242848 rgb(36,40,72)
```
#2b2f55
```
#2b2f55 rgb(43,47,85)
```
#313662
```
#313662 rgb(49,54,98)
```
#383d70
```
#383d70 rgb(56,61,112)
```
#3e447d
```
#3e447d rgb(62,68,125)
```
#454b8a
```
#454b8a rgb(69,75,138)
```
#4b5297
```
#4b5297 rgb(75,82,151)
```
#525aa4
```
#525aa4 rgb(82,90,164)
```

Shade Color Variation

#5c64ad
```
#5c64ad rgb(92,100,173)
```
#6970b4
```
#6970b4 rgb(105,112,180)
```
#767cbb
```
#767cbb rgb(118,124,187)
```
#8389c1
```
#8389c1 rgb(131,137,193)
```
#9095c8
```
#9095c8 rgb(144,149,200)
```
#9da2ce
```
#9da2ce rgb(157,162,206)
```
#aaaed5
```
#aaaed5 rgb(170,174,213)
```
#b7bbdb
```
#b7bbdb rgb(183,187,219)
```
#c5c7e2
```
#c5c7e2 rgb(197,199,226)
```
#d2d4e8
```
#d2d4e8 rgb(210,212,232)
```
#dfe0ef
```
#dfe0ef rgb(223,224,239)
```
#ecedf5
```
#ecedf5 rgb(236,237,245)
```
#f9f9fc
```
#f9f9fc rgb(249,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c91 is the less saturated color, while #2438f9 is the most saturated one.

#8c8c91
```
#8c8c91 rgb(140,140,145)
```
#83859a
```
#83859a rgb(131,133,154)
```
#7a7ea3
```
#7a7ea3 rgb(122,126,163)
```
#7277ab
```
#7277ab rgb(114,119,171)
```
#6970b4
```
#6970b4 rgb(105,112,180)
```
#6069bd
```
#6069bd rgb(96,105,189)
```
#5862c5
```
#5862c5 rgb(88,98,197)
```
#4f5bce
```
#4f5bce rgb(79,91,206)
```
#4654d7
```
#4654d7 rgb(70,84,215)
```
#3e4ddf
```
#3e4ddf rgb(62,77,223)
```
#3546e8
```
#3546e8 rgb(53,70,232)
```
#2c3ff1
```
#2c3ff1 rgb(44,63,241)
```
#2438f9
```
#2438f9 rgb(36,56,249)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#737582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#637aba Protanopia 1% of men
#5e7cb6 Deuteranopia 1% of men
#62818a Tritanopia 0.001% of the population

Trichromacy

#6576b7 Protanomaly 1% of men, 0.01% of women
#6277b5 Deuteranomaly 6% of men, 0.4% of women
#647b99 Tritanomaly 0.01% of the population

#6970b4 hex color

#6970b4 Color Information

#6970b4 Color Conversion

Color Schemes with #6970b4

Alternatives to #6970b4

#6970b4 Preview

Shades and Tints of #6970b4

Tones of #6970b4

Color Blindness Simulator