#5b69f1 hex color

In a RGB color space, hex #5b69f1 is composed of 35.7% red, 41.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 56.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 234.4 degrees, a saturation of 84.3% and a lightness of 65.1%. #5b69f1 color hex could be obtained by blending #b6d2ff with #0000e3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 36
- G 41
- B 95
RGB color chart
- C 62
- M 56
- Y 0
- K 5
CMYK color chart

● #5b69f1 color description : Soft blue.

The hexadecimal color #5b69f1 has RGB values of R:91, G:105, B:241 and CMYK values of C:0.62, M:0.56, Y:0, K:0.05. Its decimal value is 5990897.

Hex triplet	5b69f1	`#5b69f1`
RGB Decimal	91, 105, 241	`rgb(91,105,241)`
RGB Percent	35.7, 41.2, 94.5	`rgb(35.7%,41.2%,94.5%)`
CMYK	62, 56, 0, 5
HSL	234.4°, 84.3, 65.1	`hsl(234.4,84.3%,65.1%)`
HSV (or HSB)	234.4°, 62.2, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.307, 35.575, -70.185
XYZ	25.24, 18.677, 85.489
xyY	0.195, 0.144, 18.677
CIE-LCH	50.307, 78.686, 296.879
CIE-LUV	50.307, -11.871, -110.633
Hunter-Lab	43.217, 28.62, -87.033
Binary	01011011, 01101001, 11110001

#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#f1e35b
```
#f1e35b rgb(241,227,91)
```

Complementary Color

#5bb4f1
```
#5bb4f1 rgb(91,180,241)
```
#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#985bf1
```
#985bf1 rgb(152,91,241)
```

Analogous Color

#b4f15b
```
#b4f15b rgb(180,241,91)
```
#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#f1985b
```
#f1985b rgb(241,152,91)
```

Split Complementary Color

#69f15b
```
#69f15b rgb(105,241,91)
```
#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#f15b69
```
#f15b69 rgb(241,91,105)
```

Triadic Color

#5bf1e3
```
#5bf1e3 rgb(91,241,227)
```
#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#f15b69
```
#f15b69 rgb(241,91,105)
```
#f1e35b
```
#f1e35b rgb(241,227,91)
```

Tetradic Color

#1529eb
```
#1529eb rgb(21,41,235)
```
#2c3eed
```
#2c3eed rgb(44,62,237)
```
#4454ef
```
#4454ef rgb(68,84,239)
```
#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#727ef3
```
#727ef3 rgb(114,126,243)
```
#8a94f5
```
#8a94f5 rgb(138,148,245)
```
#a1a9f7
```
#a1a9f7 rgb(161,169,247)
```

Monochromatic Color

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

#5b8ff1
```
#5b8ff1 rgb(91,143,241)
```
#5b82f1
```
#5b82f1 rgb(91,130,241)
```
#5b76f1
```
#5b76f1 rgb(91,118,241)
```
#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#5b5cf1
```
#5b5cf1 rgb(91,92,241)
```
#665bf1
```
#665bf1 rgb(102,91,241)
```
#735bf1
```
#735bf1 rgb(115,91,241)
```

Similar Colors

Text with hexadecimal color #5b69f1

This text has a font color of #5b69f1.

<span style="color:#5b69f1;">Text here</span>

#5b69f1 background color

This paragraph has a background color of #5b69f1.

<p style="background-color:#5b69f1;">Content here</p>

#5b69f1 border color

This element has a border color of #5b69f1.

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

CSS codes

.text {color:#5b69f1;}

.background {background-color:#5b69f1;}

.border {border:1px solid #5b69f1;}

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

#010311
```
#010311 rgb(1,3,17)
```
#030623
```
#030623 rgb(3,6,35)
```
#050935
```
#050935 rgb(5,9,53)
```
#060c47
```
#060c47 rgb(6,12,71)
```
#080f59
```
#080f59 rgb(8,15,89)
```
#09126b
```
#09126b rgb(9,18,107)
```
#0b157d
```
#0b157d rgb(11,21,125)
```
#0c188f
```
#0c188f rgb(12,24,143)
```
#0e1ca1
```
#0e1ca1 rgb(14,28,161)
```
#0f1fb3
```
#0f1fb3 rgb(15,31,179)
```
#1122c5
```
#1122c5 rgb(17,34,197)
```
#1225d8
```
#1225d8 rgb(18,37,216)
```
#1428ea
```
#1428ea rgb(20,40,234)
```

Shade Color Variation

#2537ec
```
#2537ec rgb(37,55,236)
```
#3748ee
```
#3748ee rgb(55,72,238)
```
#4958ef
```
#4958ef rgb(73,88,239)
```
#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#6d7af3
```
#6d7af3 rgb(109,122,243)
```
#7f8af4
```
#7f8af4 rgb(127,138,244)
```
#919bf6
```
#919bf6 rgb(145,155,246)
```
#a3abf7
```
#a3abf7 rgb(163,171,247)
```
#b5bcf9
```
#b5bcf9 rgb(181,188,249)
```
#c7ccfa
```
#c7ccfa rgb(199,204,250)
```
#daddfc
```
#daddfc rgb(218,221,252)
```
#ecedfd
```
#ecedfd rgb(236,237,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa1ad is the less saturated color, while #4d5eff is the most saturated one.

#9fa1ad
```
#9fa1ad rgb(159,161,173)
```
#999bb3
```
#999bb3 rgb(153,155,179)
```
#9296ba
```
#9296ba rgb(146,150,186)
```
#8b90c1
```
#8b90c1 rgb(139,144,193)
```
#848ac8
```
#848ac8 rgb(132,138,200)
```
#7d85cf
```
#7d85cf rgb(125,133,207)
```
#767fd6
```
#767fd6 rgb(118,127,214)
```
#707adc
```
#707adc rgb(112,122,220)
```
#6974e3
```
#6974e3 rgb(105,116,227)
```
#626fea
```
#626fea rgb(98,111,234)
```
#5b69f1
```
#5b69f1 rgb(91,105,241)
```
#5463f8
```
#5463f8 rgb(84,99,248)
```
#4d5eff
```
#4d5eff rgb(77,94,255)
```

Tone Color Variation

Below, you can see how #5b69f1 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

#747474 Achromatopsia 0.005% of the population
#6f728d Atypical Achromatopsia 0.001% of the population

Dichromacy

#007af0 Protanopia 1% of men
#0081d3 Deuteranopia 1% of men
#008b95 Tritanopia 0.001% of the population

Trichromacy

#2174f0 Protanomaly 1% of men, 0.01% of women
#2178de Deuteranomaly 6% of men, 0.4% of women
#217eb6 Tritanomaly 0.01% of the population

#5b69f1 hex color

#5b69f1 Color Information

#5b69f1 Color Conversion

Color Schemes with #5b69f1

Alternatives to #5b69f1

#5b69f1 Preview

Shades and Tints of #5b69f1

Tones of #5b69f1

Color Blindness Simulator