#5975f9 hex color

In a RGB color space, hex #5975f9 is composed of 34.9% red, 45.9% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 64.3% cyan, 53% magenta, 0% yellow and 2.4% black. It has a hue angle of 229.5 degrees, a saturation of 93% and a lightness of 66.3%. #5975f9 color hex could be obtained by blending #b2eaff with #0000f3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 46
- B 98
RGB color chart
- C 64
- M 53
- Y 0
- K 2
CMYK color chart

● #5975f9 color description : Soft blue.

The hexadecimal color #5975f9 has RGB values of R:89, G:117, B:249 and CMYK values of C:0.64, M:0.53, Y:0, K:0.02. Its decimal value is 5862905.

Hex triplet	5975f9	`#5975f9`
RGB Decimal	89, 117, 249	`rgb(89,117,249)`
RGB Percent	34.9, 45.9, 97.6	`rgb(34.9%,45.9%,97.6%)`
CMYK	64, 53, 0, 2
HSL	229.5°, 93, 66.3	`hsl(229.5,93%,66.3%)`
HSV (or HSB)	229.5°, 64.3, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	53.691, 30.616, -69.16
XYZ	27.576, 21.684, 92.35
xyY	0.195, 0.153, 21.684
CIE-LCH	53.691, 75.634, 293.878
CIE-LUV	53.691, -15.859, -110.633
Hunter-Lab	46.567, 24.215, -84.986
Binary	01011001, 01110101, 11111001

#5975f9
```
#5975f9 rgb(89,117,249)
```
#f9dd59
```
#f9dd59 rgb(249,221,89)
```

Complementary Color

#59c5f9
```
#59c5f9 rgb(89,197,249)
```
#5975f9
```
#5975f9 rgb(89,117,249)
```
#8d59f9
```
#8d59f9 rgb(141,89,249)
```

Analogous Color

#c5f959
```
#c5f959 rgb(197,249,89)
```
#5975f9
```
#5975f9 rgb(89,117,249)
```
#f98d59
```
#f98d59 rgb(249,141,89)
```

Split Complementary Color

#75f959
```
#75f959 rgb(117,249,89)
```
#5975f9
```
#5975f9 rgb(89,117,249)
```
#f95975
```
#f95975 rgb(249,89,117)
```

Triadic Color

#59f9dd
```
#59f9dd rgb(89,249,221)
```
#5975f9
```
#5975f9 rgb(89,117,249)
```
#f95975
```
#f95975 rgb(249,89,117)
```
#f9dd59
```
#f9dd59 rgb(249,221,89)
```

Tetradic Color

#0f38f6
```
#0f38f6 rgb(15,56,246)
```
#284cf7
```
#284cf7 rgb(40,76,247)
```
#4061f8
```
#4061f8 rgb(64,97,248)
```
#5975f9
```
#5975f9 rgb(89,117,249)
```
#7289fa
```
#7289fa rgb(114,137,250)
```
#8a9efb
```
#8a9efb rgb(138,158,251)
```
#a3b2fc
```
#a3b2fc rgb(163,178,252)
```

Monochromatic Color

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

#599df9
```
#599df9 rgb(89,157,249)
```
#5990f9
```
#5990f9 rgb(89,144,249)
```
#5982f9
```
#5982f9 rgb(89,130,249)
```
#5975f9
```
#5975f9 rgb(89,117,249)
```
#5968f9
```
#5968f9 rgb(89,104,249)
```
#595af9
```
#595af9 rgb(89,90,249)
```
#6559f9
```
#6559f9 rgb(101,89,249)
```

Similar Colors

Text with hexadecimal color #5975f9

This text has a font color of #5975f9.

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

#5975f9 background color

This paragraph has a background color of #5975f9.

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

#5975f9 border color

This element has a border color of #5975f9.

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

CSS codes

.text {color:#5975f9;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#010517
```
#010517 rgb(1,5,23)
```
#02092a
```
#02092a rgb(2,9,42)
```
#020d3d
```
#020d3d rgb(2,13,61)
```
#031050
```
#031050 rgb(3,16,80)
```
#041463
```
#041463 rgb(4,20,99)
```
#041876
```
#041876 rgb(4,24,118)
```
#051c89
```
#051c89 rgb(5,28,137)
```
#06209c
```
#06209c rgb(6,32,156)
```
#0624af
```
#0624af rgb(6,36,175)
```
#0728c2
```
#0728c2 rgb(7,40,194)
```
#082cd5
```
#082cd5 rgb(8,44,213)
```
#082fe8
```
#082fe8 rgb(8,47,232)
```

Shade Color Variation

#0d36f6
```
#0d36f6 rgb(13,54,246)
```
#2046f7
```
#2046f7 rgb(32,70,247)
```
#3356f8
```
#3356f8 rgb(51,86,248)
```
#4665f8
```
#4665f8 rgb(70,101,248)
```
#5975f9
```
#5975f9 rgb(89,117,249)
```
#6c85fa
```
#6c85fa rgb(108,133,250)
```
#7f94fa
```
#7f94fa rgb(127,148,250)
```
#92a4fb
```
#92a4fb rgb(146,164,251)
```
#a5b4fc
```
#a5b4fc rgb(165,180,252)
```
#b8c4fc
```
#b8c4fc rgb(184,196,252)
```
#cbd3fd
```
#cbd3fd rgb(203,211,253)
```
#dee3fe
```
#dee3fe rgb(222,227,254)
```
#f0f3fe
```
#f0f3fe rgb(240,243,254)
```

Tint Color Variation

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

#a8a9aa
```
#a8a9aa rgb(168,169,170)
```
#a2a4b0
```
#a2a4b0 rgb(162,164,176)
```
#9ba0b7
```
#9ba0b7 rgb(155,160,183)
```
#959cbd
```
#959cbd rgb(149,156,189)
```
#8e97c4
```
#8e97c4 rgb(142,151,196)
```
#8793cb
```
#8793cb rgb(135,147,203)
```
#818fd1
```
#818fd1 rgb(129,143,209)
```
#7a8bd8
```
#7a8bd8 rgb(122,139,216)
```
#7386df
```
#7386df rgb(115,134,223)
```
#6d82e5
```
#6d82e5 rgb(109,130,229)
```
#667eec
```
#667eec rgb(102,126,236)
```
#6079f2
```
#6079f2 rgb(96,121,242)
```
#5975f9
```
#5975f9 rgb(89,117,249)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#757b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a82ff Protanopia 1% of men
#0089e2 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#317dfc Protanomaly 1% of men, 0.01% of women
#2082ea Deuteranomaly 6% of men, 0.4% of women
#2088bf Tritanomaly 0.01% of the population

#5975f9 hex color

#5975f9 Color Information

#5975f9 Color Conversion

Color Schemes with #5975f9

Alternatives to #5975f9

#5975f9 Preview

Shades and Tints of #5975f9

Tones of #5975f9

Color Blindness Simulator