#5b69f2 hex color

In a RGB color space, hex #5b69f2 is composed of 35.7% red, 41.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 56.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 234.4 degrees, a saturation of 85.3% and a lightness of 65.3%. #5b69f2 color hex could be obtained by blending #b6d2ff with #0000e5. Closest websafe color is: #6666ff.

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

● #5b69f2 color description : Soft blue.

The hexadecimal color #5b69f2 has RGB values of R:91, G:105, B:242 and CMYK values of C:0.62, M:0.57, Y:0, K:0.05. Its decimal value is 5990898.

Hex triplet	5b69f2	`#5b69f2`
RGB Decimal	91, 105, 242	`rgb(91,105,242)`
RGB Percent	35.7, 41.2, 94.9	`rgb(35.7%,41.2%,94.9%)`
CMYK	62, 57, 0, 5
HSL	234.4°, 85.3, 65.3	`hsl(234.4,85.3%,65.3%)`
HSV (or HSB)	234.4°, 62.4, 94.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.378, 35.904, -70.629
XYZ	25.39, 18.737, 86.278
xyY	0.195, 0.144, 18.737
CIE-LCH	50.378, 79.231, 296.946
CIE-LUV	50.378, -11.905, -111.348
Hunter-Lab	43.286, 28.95, -87.877
Binary	01011011, 01101001, 11110010

#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#f2e45b
```
#f2e45b rgb(242,228,91)
```

Complementary Color

#5bb5f2
```
#5bb5f2 rgb(91,181,242)
```
#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#995bf2
```
#995bf2 rgb(153,91,242)
```

Analogous Color

#b5f25b
```
#b5f25b rgb(181,242,91)
```
#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#f2995b
```
#f2995b rgb(242,153,91)
```

Split Complementary Color

#69f25b
```
#69f25b rgb(105,242,91)
```
#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#f25b69
```
#f25b69 rgb(242,91,105)
```

Triadic Color

#5bf2e4
```
#5bf2e4 rgb(91,242,228)
```
#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#f25b69
```
#f25b69 rgb(242,91,105)
```
#f2e45b
```
#f2e45b rgb(242,228,91)
```

Tetradic Color

#1428ec
```
#1428ec rgb(20,40,236)
```
#2c3eee
```
#2c3eee rgb(44,62,238)
```
#4353f0
```
#4353f0 rgb(67,83,240)
```
#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#737ff4
```
#737ff4 rgb(115,127,244)
```
#8a94f6
```
#8a94f6 rgb(138,148,246)
```
#a2aaf8
```
#a2aaf8 rgb(162,170,248)
```

Monochromatic Color

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

#5b8ff2
```
#5b8ff2 rgb(91,143,242)
```
#5b82f2
```
#5b82f2 rgb(91,130,242)
```
#5b76f2
```
#5b76f2 rgb(91,118,242)
```
#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#5b5cf2
```
#5b5cf2 rgb(91,92,242)
```
#665bf2
```
#665bf2 rgb(102,91,242)
```
#735bf2
```
#735bf2 rgb(115,91,242)
```

Similar Colors

Text with hexadecimal color #5b69f2

This text has a font color of #5b69f2.

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

#5b69f2 background color

This paragraph has a background color of #5b69f2.

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

#5b69f2 border color

This element has a border color of #5b69f2.

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

CSS codes

.text {color:#5b69f2;}

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

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

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

#010312
```
#010312 rgb(1,3,18)
```
#030624
```
#030624 rgb(3,6,36)
```
#040936
```
#040936 rgb(4,9,54)
```
#060c48
```
#060c48 rgb(6,12,72)
```
#070f5a
```
#070f5a rgb(7,15,90)
```
#09126d
```
#09126d rgb(9,18,109)
```
#0a157f
```
#0a157f rgb(10,21,127)
```
#0b1891
```
#0b1891 rgb(11,24,145)
```
#0d1ba3
```
#0d1ba3 rgb(13,27,163)
```
#0e1eb5
```
#0e1eb5 rgb(14,30,181)
```
#1021c7
```
#1021c7 rgb(16,33,199)
```
#1124da
```
#1124da rgb(17,36,218)
```
#1327ec
```
#1327ec rgb(19,39,236)
```

Shade Color Variation

#2437ee
```
#2437ee rgb(36,55,238)
```
#3748ef
```
#3748ef rgb(55,72,239)
```
#4958f1
```
#4958f1 rgb(73,88,241)
```
#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#6d7af3
```
#6d7af3 rgb(109,122,243)
```
#7f8af5
```
#7f8af5 rgb(127,138,245)
```
#929bf6
```
#929bf6 rgb(146,155,246)
```
#a4abf8
```
#a4abf8 rgb(164,171,248)
```
#b6bcf9
```
#b6bcf9 rgb(182,188,249)
```
#c8cdfb
```
#c8cdfb rgb(200,205,251)
```
#daddfc
```
#daddfc rgb(218,221,252)
```
#eceefe
```
#eceefe rgb(236,238,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a6a7
```
#a6a6a7 rgb(166,166,167)
```
#9fa0ae
```
#9fa0ae rgb(159,160,174)
```
#989bb5
```
#989bb5 rgb(152,155,181)
```
#9195bc
```
#9195bc rgb(145,149,188)
```
#8b90c2
```
#8b90c2 rgb(139,144,194)
```
#848ac9
```
#848ac9 rgb(132,138,201)
```
#7d85d0
```
#7d85d0 rgb(125,133,208)
```
#767fd7
```
#767fd7 rgb(118,127,215)
```
#6f7ade
```
#6f7ade rgb(111,122,222)
```
#6974e4
```
#6974e4 rgb(105,116,228)
```
#626feb
```
#626feb rgb(98,111,235)
```
#5b69f2
```
#5b69f2 rgb(91,105,242)
```
#5463f9
```
#5463f9 rgb(84,99,249)
```

Tone Color Variation

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

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

Trichromacy

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

#5b69f2 hex color

#5b69f2 Color Information

#5b69f2 Color Conversion

Color Schemes with #5b69f2

Alternatives to #5b69f2

#5b69f2 Preview

Shades and Tints of #5b69f2

Tones of #5b69f2

Color Blindness Simulator