#5970f6 hex color

In a RGB color space, hex #5970f6 is composed of 34.9% red, 43.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 63.8% cyan, 54.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 231.2 degrees, a saturation of 89.7% and a lightness of 65.7%. #5970f6 color hex could be obtained by blending #b2e0ff with #0000ed. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 44
- B 96
RGB color chart
- C 64
- M 54
- Y 0
- K 4
CMYK color chart

● #5970f6 color description : Soft blue.

The hexadecimal color #5970f6 has RGB values of R:89, G:112, B:246 and CMYK values of C:0.64, M:0.54, Y:0, K:0.04. Its decimal value is 5861622.

Hex triplet	5970f6	`#5970f6`
RGB Decimal	89, 112, 246	`rgb(89,112,246)`
RGB Percent	34.9, 43.9, 96.5	`rgb(34.9%,43.9%,96.5%)`
CMYK	64, 54, 0, 4
HSL	231.2°, 89.7, 65.7	`hsl(231.2,89.7%,65.7%)`
HSV (or HSB)	231.2°, 63.8, 96.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.247, 32.66, -69.832
XYZ	26.545, 20.365, 89.716
xyY	0.194, 0.149, 20.365
CIE-LCH	52.247, 77.092, 295.065
CIE-LUV	52.247, -14.409, -111.022
Hunter-Lab	45.127, 26.027, -86.283
Binary	01011001, 01110000, 11110110

#5970f6
```
#5970f6 rgb(89,112,246)
```
#f6df59
```
#f6df59 rgb(246,223,89)
```

Complementary Color

#59bff6
```
#59bff6 rgb(89,191,246)
```
#5970f6
```
#5970f6 rgb(89,112,246)
```
#9159f6
```
#9159f6 rgb(145,89,246)
```

Analogous Color

#bff659
```
#bff659 rgb(191,246,89)
```
#5970f6
```
#5970f6 rgb(89,112,246)
```
#f69159
```
#f69159 rgb(246,145,89)
```

Split Complementary Color

#70f659
```
#70f659 rgb(112,246,89)
```
#5970f6
```
#5970f6 rgb(89,112,246)
```
#f65970
```
#f65970 rgb(246,89,112)
```

Triadic Color

#59f6df
```
#59f6df rgb(89,246,223)
```
#5970f6
```
#5970f6 rgb(89,112,246)
```
#f65970
```
#f65970 rgb(246,89,112)
```
#f6df59
```
#f6df59 rgb(246,223,89)
```

Tetradic Color

#1031f2
```
#1031f2 rgb(16,49,242)
```
#2946f3
```
#2946f3 rgb(41,70,243)
```
#415bf5
```
#415bf5 rgb(65,91,245)
```
#5970f6
```
#5970f6 rgb(89,112,246)
```
#7185f7
```
#7185f7 rgb(113,133,247)
```
#899af9
```
#899af9 rgb(137,154,249)
```
#a2affa
```
#a2affa rgb(162,175,250)
```

Monochromatic Color

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

#5997f6
```
#5997f6 rgb(89,151,246)
```
#598af6
```
#598af6 rgb(89,138,246)
```
#597df6
```
#597df6 rgb(89,125,246)
```
#5970f6
```
#5970f6 rgb(89,112,246)
```
#5963f6
```
#5963f6 rgb(89,99,246)
```
#5c59f6
```
#5c59f6 rgb(92,89,246)
```
#6959f6
```
#6959f6 rgb(105,89,246)
```

Similar Colors

Text with hexadecimal color #5970f6

This text has a font color of #5970f6.

<span style="color:#5970f6;">Text here</span>

#5970f6 background color

This paragraph has a background color of #5970f6.

<p style="background-color:#5970f6;">Content here</p>

#5970f6 border color

This element has a border color of #5970f6.

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

CSS codes

.text {color:#5970f6;}

.background {background-color:#5970f6;}

.border {border:1px solid #5970f6;}

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

#000001
```
#000001 rgb(0,0,1)
```
#010414
```
#010414 rgb(1,4,20)
```
#020727
```
#020727 rgb(2,7,39)
```
#030b39
```
#030b39 rgb(3,11,57)
```
#040f4c
```
#040f4c rgb(4,15,76)
```
#05125e
```
#05125e rgb(5,18,94)
```
#061671
```
#061671 rgb(6,22,113)
```
#071984
```
#071984 rgb(7,25,132)
```
#081d96
```
#081d96 rgb(8,29,150)
```
#0921a9
```
#0921a9 rgb(9,33,169)
```
#0a24bc
```
#0a24bc rgb(10,36,188)
```
#0b28ce
```
#0b28ce rgb(11,40,206)
```
#0c2be1
```
#0c2be1 rgb(12,43,225)
```

Shade Color Variation

#0f30f2
```
#0f30f2 rgb(15,48,242)
```
#2140f3
```
#2140f3 rgb(33,64,243)
```
#3450f4
```
#3450f4 rgb(52,80,244)
```
#4660f5
```
#4660f5 rgb(70,96,245)
```
#5970f6
```
#5970f6 rgb(89,112,246)
```
#6c80f7
```
#6c80f7 rgb(108,128,247)
```
#7e90f8
```
#7e90f8 rgb(126,144,248)
```
#91a0f9
```
#91a0f9 rgb(145,160,249)
```
#a3b0fa
```
#a3b0fa rgb(163,176,250)
```
#b6c0fb
```
#b6c0fb rgb(182,192,251)
```
#c9d0fc
```
#c9d0fc rgb(201,208,252)
```
#dbe0fd
```
#dbe0fd rgb(219,224,253)
```
#eef0fe
```
#eef0fe rgb(238,240,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a4ac is the less saturated color, while #526bfd is the most saturated one.

#a3a4ac
```
#a3a4ac rgb(163,164,172)
```
#9ca0b3
```
#9ca0b3 rgb(156,160,179)
```
#969bb9
```
#969bb9 rgb(150,155,185)
```
#8f96c0
```
#8f96c0 rgb(143,150,192)
```
#8891c7
```
#8891c7 rgb(136,145,199)
```
#818dce
```
#818dce rgb(129,141,206)
```
#7b88d4
```
#7b88d4 rgb(123,136,212)
```
#7483db
```
#7483db rgb(116,131,219)
```
#6d7ee2
```
#6d7ee2 rgb(109,126,226)
```
#667ae9
```
#667ae9 rgb(102,122,233)
```
#6075ef
```
#6075ef rgb(96,117,239)
```
#5970f6
```
#5970f6 rgb(89,112,246)
```
#526bfd
```
#526bfd rgb(82,107,253)
```

Tone Color Variation

Below, you can see how #5970f6 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

#787878 Achromatopsia 0.005% of the population
#727691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086db Deuteranopia 1% of men
#00909a Tritanopia 0.001% of the population

Trichromacy

#2079f8 Protanomaly 1% of men, 0.01% of women
#207ee5 Deuteranomaly 6% of men, 0.4% of women
#2084bb Tritanomaly 0.01% of the population

#5970f6 hex color

#5970f6 Color Information

#5970f6 Color Conversion

Color Schemes with #5970f6

Alternatives to #5970f6

#5970f6 Preview

Shades and Tints of #5970f6

Tones of #5970f6

Color Blindness Simulator