#5975f6 hex color

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

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

● #5975f6 color description : Soft blue.

The hexadecimal color #5975f6 has RGB values of R:89, G:117, B:246 and CMYK values of C:0.64, M:0.52, Y:0, K:0.04. Its decimal value is 5862902.

Hex triplet	5975f6	`#5975f6`
RGB Decimal	89, 117, 246	`rgb(89,117,246)`
RGB Percent	34.9, 45.9, 96.5	`rgb(34.9%,45.9%,96.5%)`
CMYK	64, 52, 0, 4
HSL	229.3°, 89.7, 65.7	`hsl(229.3,89.7%,65.7%)`
HSV (or HSB)	229.3°, 63.8, 96.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.491, 29.608, -67.819
XYZ	27.112, 21.499, 89.905
xyY	0.196, 0.155, 21.499
CIE-LCH	53.491, 74, 293.585
CIE-LUV	53.491, -15.804, -108.416
Hunter-Lab	46.367, 23.233, -82.506
Binary	01011001, 01110101, 11110110

#5975f6
```
#5975f6 rgb(89,117,246)
```
#f6da59
```
#f6da59 rgb(246,218,89)
```

Complementary Color

#59c4f6
```
#59c4f6 rgb(89,196,246)
```
#5975f6
```
#5975f6 rgb(89,117,246)
```
#8c59f6
```
#8c59f6 rgb(140,89,246)
```

Analogous Color

#c4f659
```
#c4f659 rgb(196,246,89)
```
#5975f6
```
#5975f6 rgb(89,117,246)
```
#f68c59
```
#f68c59 rgb(246,140,89)
```

Split Complementary Color

#75f659
```
#75f659 rgb(117,246,89)
```
#5975f6
```
#5975f6 rgb(89,117,246)
```
#f65975
```
#f65975 rgb(246,89,117)
```

Triadic Color

#59f6da
```
#59f6da rgb(89,246,218)
```
#5975f6
```
#5975f6 rgb(89,117,246)
```
#f65975
```
#f65975 rgb(246,89,117)
```
#f6da59
```
#f6da59 rgb(246,218,89)
```

Tetradic Color

#1039f2
```
#1039f2 rgb(16,57,242)
```
#294df3
```
#294df3 rgb(41,77,243)
```
#4161f5
```
#4161f5 rgb(65,97,245)
```
#5975f6
```
#5975f6 rgb(89,117,246)
```
#7189f7
```
#7189f7 rgb(113,137,247)
```
#899df9
```
#899df9 rgb(137,157,249)
```
#a2b1fa
```
#a2b1fa rgb(162,177,250)
```

Monochromatic Color

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

#599cf6
```
#599cf6 rgb(89,156,246)
```
#598ff6
```
#598ff6 rgb(89,143,246)
```
#5982f6
```
#5982f6 rgb(89,130,246)
```
#5975f6
```
#5975f6 rgb(89,117,246)
```
#5968f6
```
#5968f6 rgb(89,104,246)
```
#595bf6
```
#595bf6 rgb(89,91,246)
```
#6459f6
```
#6459f6 rgb(100,89,246)
```

Similar Colors

Text with hexadecimal color #5975f6

This text has a font color of #5975f6.

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

#5975f6 background color

This paragraph has a background color of #5975f6.

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

#5975f6 border color

This element has a border color of #5975f6.

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

CSS codes

.text {color:#5975f6;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#010414
```
#010414 rgb(1,4,20)
```
#020927
```
#020927 rgb(2,9,39)
```
#030d39
```
#030d39 rgb(3,13,57)
```
#04114c
```
#04114c rgb(4,17,76)
```
#05155e
```
#05155e rgb(5,21,94)
```
#061971
```
#061971 rgb(6,25,113)
```
#071d84
```
#071d84 rgb(7,29,132)
```
#082296
```
#082296 rgb(8,34,150)
```
#0926a9
```
#0926a9 rgb(9,38,169)
```
#0a2abc
```
#0a2abc rgb(10,42,188)
```
#0b2ece
```
#0b2ece rgb(11,46,206)
```
#0c32e1
```
#0c32e1 rgb(12,50,225)
```

Shade Color Variation

#0f37f2
```
#0f37f2 rgb(15,55,242)
```
#2147f3
```
#2147f3 rgb(33,71,243)
```
#3456f4
```
#3456f4 rgb(52,86,244)
```
#4666f5
```
#4666f5 rgb(70,102,245)
```
#5975f6
```
#5975f6 rgb(89,117,246)
```
#6c84f7
```
#6c84f7 rgb(108,132,247)
```
#7e94f8
```
#7e94f8 rgb(126,148,248)
```
#91a3f9
```
#91a3f9 rgb(145,163,249)
```
#a3b3fa
```
#a3b3fa rgb(163,179,250)
```
#b6c2fb
```
#b6c2fb rgb(182,194,251)
```
#c9d2fc
```
#c9d2fc rgb(201,210,252)
```
#dbe1fd
```
#dbe1fd rgb(219,225,253)
```
#eef1fe
```
#eef1fe rgb(238,241,254)
```

Tint Color Variation

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

#a3a5ac
```
#a3a5ac rgb(163,165,172)
```
#9ca0b3
```
#9ca0b3 rgb(156,160,179)
```
#969cb9
```
#969cb9 rgb(150,156,185)
```
#8f98c0
```
#8f98c0 rgb(143,152,192)
```
#8893c7
```
#8893c7 rgb(136,147,199)
```
#818fce
```
#818fce rgb(129,143,206)
```
#7b8bd4
```
#7b8bd4 rgb(123,139,212)
```
#7486db
```
#7486db rgb(116,134,219)
```
#6d82e2
```
#6d82e2 rgb(109,130,226)
```
#667ee9
```
#667ee9 rgb(102,126,233)
```
#6079ef
```
#6079ef rgb(96,121,239)
```
#5975f6
```
#5975f6 rgb(89,117,246)
```
#5271fd
```
#5271fd rgb(82,113,253)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#747a94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2482fc Protanopia 1% of men
#0089e1 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#377df9 Protanomaly 1% of men, 0.01% of women
#2081e9 Deuteranomaly 6% of men, 0.4% of women
#2088be Tritanomaly 0.01% of the population

#5975f6 hex color

#5975f6 Color Information

#5975f6 Color Conversion

Color Schemes with #5975f6

Alternatives to #5975f6

#5975f6 Preview

Shades and Tints of #5975f6

Tones of #5975f6

Color Blindness Simulator