#5961ff hex color

In a RGB color space, hex #5961ff is composed of 34.9% red, 38% green and 100% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 62% magenta, 0% yellow and 0% black. It has a hue angle of 237.1 degrees, a saturation of 100% and a lightness of 67.5%. #5961ff color hex could be obtained by blending #b2c2ff with #0000ff. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 38
- B 100
RGB color chart
- C 65
- M 62
- Y 0
- K 0
CMYK color chart

● #5961ff color description : Light blue.

The hexadecimal color #5961ff has RGB values of R:89, G:97, B:255 and CMYK values of C:0.65, M:0.62, Y:0, K:0. Its decimal value is 5857791.

Hex triplet	5961ff	`#5961ff`
RGB Decimal	89, 97, 255	`rgb(89,97,255)`
RGB Percent	34.9, 38, 100	`rgb(34.9%,38%,100%)`
CMYK	65, 62, 0, 0
HSL	237.1°, 100, 67.5	`hsl(237.1,100%,67.5%)`
HSV (or HSB)	237.1°, 65.1, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.365, 44.655, -79.521
XYZ	26.441, 17.892, 96.662
xyY	0.188, 0.127, 17.892
CIE-LCH	49.365, 91.201, 299.316
CIE-LUV	49.365, -10.901, -123.847
Hunter-Lab	42.299, 37.557, -105.882
Binary	01011001, 01100001, 11111111

#5961ff
```
#5961ff rgb(89,97,255)
```
#fff759
```
#fff759 rgb(255,247,89)
```

Complementary Color

#59b4ff
```
#59b4ff rgb(89,180,255)
```
#5961ff
```
#5961ff rgb(89,97,255)
```
#a459ff
```
#a459ff rgb(164,89,255)
```

Analogous Color

#b4ff59
```
#b4ff59 rgb(180,255,89)
```
#5961ff
```
#5961ff rgb(89,97,255)
```
#ffa459
```
#ffa459 rgb(255,164,89)
```

Split Complementary Color

#61ff59
```
#61ff59 rgb(97,255,89)
```
#5961ff
```
#5961ff rgb(89,97,255)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```

Triadic Color

#59fff7
```
#59fff7 rgb(89,255,247)
```
#5961ff
```
#5961ff rgb(89,97,255)
```
#ff5961
```
#ff5961 rgb(255,89,97)
```
#fff759
```
#fff759 rgb(255,247,89)
```

Tetradic Color

#0d18ff
```
#0d18ff rgb(13,24,255)
```
#2630ff
```
#2630ff rgb(38,48,255)
```
#4049ff
```
#4049ff rgb(64,73,255)
```
#5961ff
```
#5961ff rgb(89,97,255)
```
#7379ff
```
#7379ff rgb(115,121,255)
```
#8c92ff
```
#8c92ff rgb(140,146,255)
```
#a6aaff
```
#a6aaff rgb(166,170,255)
```

Monochromatic Color

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

#598bff
```
#598bff rgb(89,139,255)
```
#597dff
```
#597dff rgb(89,125,255)
```
#596fff
```
#596fff rgb(89,111,255)
```
#5961ff
```
#5961ff rgb(89,97,255)
```
#5f59ff
```
#5f59ff rgb(95,89,255)
```
#6d59ff
```
#6d59ff rgb(109,89,255)
```
#7b59ff
```
#7b59ff rgb(123,89,255)
```

Similar Colors

Text with hexadecimal color #5961ff

This text has a font color of #5961ff.

<span style="color:#5961ff;">Text here</span>

#5961ff background color

This paragraph has a background color of #5961ff.

<p style="background-color:#5961ff;">Content here</p>

#5961ff border color

This element has a border color of #5961ff.

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

CSS codes

.text {color:#5961ff;}

.background {background-color:#5961ff;}

.border {border:1px solid #5961ff;}

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, #00010b is the darkest color, while #f6f6ff is the lightest one.

#00010b
```
#00010b rgb(0,1,11)
```
#00011e
```
#00011e rgb(0,1,30)
```
#000232
```
#000232 rgb(0,2,50)
```
#000345
```
#000345 rgb(0,3,69)
```
#000459
```
#000459 rgb(0,4,89)
```
#00056d
```
#00056d rgb(0,5,109)
```
#000680
```
#000680 rgb(0,6,128)
```
#000794
```
#000794 rgb(0,7,148)
```
#0008a7
```
#0008a7 rgb(0,8,167)
```
#0009bb
```
#0009bb rgb(0,9,187)
```
#000acf
```
#000acf rgb(0,10,207)
```
#000be2
```
#000be2 rgb(0,11,226)
```
#000cf6
```
#000cf6 rgb(0,12,246)
```

Shade Color Variation

#0b16ff
```
#0b16ff rgb(11,22,255)
```
#1e29ff
```
#1e29ff rgb(30,41,255)
```
#323cff
```
#323cff rgb(50,60,255)
```
#454eff
```
#454eff rgb(69,78,255)
```
#5961ff
```
#5961ff rgb(89,97,255)
```
#6d74ff
```
#6d74ff rgb(109,116,255)
```
#8086ff
```
#8086ff rgb(128,134,255)
```
#9499ff
```
#9499ff rgb(148,153,255)
```
#a7acff
```
#a7acff rgb(167,172,255)
```
#bbbeff
```
#bbbeff rgb(187,190,255)
```
#cfd1ff
```
#cfd1ff rgb(207,209,255)
```
#e2e4ff
```
#e2e4ff rgb(226,228,255)
```
#f6f6ff
```
#f6f6ff rgb(246,246,255)
```

Tint Color Variation

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

#a6a6b2
```
#a6a6b2 rgb(166,166,178)
```
#9fa0b9
```
#9fa0b9 rgb(159,160,185)
```
#999bbf
```
#999bbf rgb(153,155,191)
```
#9295c6
```
#9295c6 rgb(146,149,198)
```
#8c8fcc
```
#8c8fcc rgb(140,143,204)
```
#8689d2
```
#8689d2 rgb(134,137,210)
```
#7f84d9
```
#7f84d9 rgb(127,132,217)
```
#797edf
```
#797edf rgb(121,126,223)
```
#7378e5
```
#7378e5 rgb(115,120,229)
```
#6c72ec
```
#6c72ec rgb(108,114,236)
```
#666df2
```
#666df2 rgb(102,109,242)
```
#5f67f9
```
#5f67f9 rgb(95,103,249)
```
#5961ff
```
#5961ff rgb(89,97,255)
```

Tone Color Variation

Below, you can see how #5961ff 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

#717171 Achromatopsia 0.005% of the population
#6c6e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007fce Deuteranopia 1% of men
#008891 Tritanopia 0.001% of the population

Trichromacy

#2070f2 Protanomaly 1% of men, 0.01% of women
#2074df Deuteranomaly 6% of men, 0.4% of women
#207ab9 Tritanomaly 0.01% of the population

#5961ff hex color

#5961ff Color Information

#5961ff Color Conversion

Color Schemes with #5961ff

Alternatives to #5961ff

#5961ff Preview

Shades and Tints of #5961ff

Tones of #5961ff

Color Blindness Simulator