#5c69f5 hex color

In a RGB color space, hex #5c69f5 is composed of 36.1% red, 41.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 57.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 234.9 degrees, a saturation of 88.4% and a lightness of 66.1%. #5c69f5 color hex could be obtained by blending #b8d2ff with #0000eb. Closest websafe color is: #6666ff.

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

● #5c69f5 color description : Soft blue.

The hexadecimal color #5c69f5 has RGB values of R:92, G:105, B:245 and CMYK values of C:0.62, M:0.57, Y:0, K:0.04. Its decimal value is 6056437.

Hex triplet	5c69f5	`#5c69f5`
RGB Decimal	92, 105, 245	`rgb(92,105,245)`
RGB Percent	36.1, 41.2, 96.1	`rgb(36.1%,41.2%,96.1%)`
CMYK	62, 57, 0, 4
HSL	234.9°, 88.4, 66.1	`hsl(234.9,88.4%,66.1%)`
HSV (or HSB)	234.9°, 62.4, 96.1
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.652, 37.047, -71.855
XYZ	25.943, 18.97, 88.676
xyY	0.194, 0.142, 18.97
CIE-LCH	50.652, 80.843, 297.275
CIE-LUV	50.652, -11.747, -113.389
Hunter-Lab	43.554, 30.105, -90.225
Binary	01011100, 01101001, 11110101

#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#f5e85c
```
#f5e85c rgb(245,232,92)
```

Complementary Color

#5cb6f5
```
#5cb6f5 rgb(92,182,245)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#9c5cf5
```
#9c5cf5 rgb(156,92,245)
```

Analogous Color

#b6f55c
```
#b6f55c rgb(182,245,92)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#f59c5c
```
#f59c5c rgb(245,156,92)
```

Split Complementary Color

#69f55c
```
#69f55c rgb(105,245,92)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#f55c69
```
#f55c69 rgb(245,92,105)
```

Triadic Color

#5cf5e8
```
#5cf5e8 rgb(92,245,232)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#f55c69
```
#f55c69 rgb(245,92,105)
```
#f5e85c
```
#f5e85c rgb(245,232,92)
```

Tetradic Color

#1427f1
```
#1427f1 rgb(20,39,241)
```
#2c3df2
```
#2c3df2 rgb(44,61,242)
```
#4453f4
```
#4453f4 rgb(68,83,244)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#747ff6
```
#747ff6 rgb(116,127,246)
```
#8c95f8
```
#8c95f8 rgb(140,149,248)
```
#a4abf9
```
#a4abf9 rgb(164,171,249)
```

Monochromatic Color

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

#5c8ff5
```
#5c8ff5 rgb(92,143,245)
```
#5c83f5
```
#5c83f5 rgb(92,131,245)
```
#5c76f5
```
#5c76f5 rgb(92,118,245)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#5c5cf5
```
#5c5cf5 rgb(92,92,245)
```
#695cf5
```
#695cf5 rgb(105,92,245)
```
#755cf5
```
#755cf5 rgb(117,92,245)
```

Similar Colors

Text with hexadecimal color #5c69f5

This text has a font color of #5c69f5.

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

#5c69f5 background color

This paragraph has a background color of #5c69f5.

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

#5c69f5 border color

This element has a border color of #5c69f5.

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

CSS codes

.text {color:#5c69f5;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#010316
```
#010316 rgb(1,3,22)
```
#020628
```
#020628 rgb(2,6,40)
```
#04083b
```
#04083b rgb(4,8,59)
```
#050b4d
```
#050b4d rgb(5,11,77)
```
#060e60
```
#060e60 rgb(6,14,96)
```
#071072
```
#071072 rgb(7,16,114)
```
#081385
```
#081385 rgb(8,19,133)
```
#091597
```
#091597 rgb(9,21,151)
```
#0a18aa
```
#0a18aa rgb(10,24,170)
```
#0c1bbc
```
#0c1bbc rgb(12,27,188)
```
#0d1dcf
```
#0d1dcf rgb(13,29,207)
```
#0e20e1
```
#0e20e1 rgb(14,32,225)
```

Shade Color Variation

#1225f0
```
#1225f0 rgb(18,37,240)
```
#2536f2
```
#2536f2 rgb(37,54,242)
```
#3747f3
```
#3747f3 rgb(55,71,243)
```
#4a58f4
```
#4a58f4 rgb(74,88,244)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#6e7af6
```
#6e7af6 rgb(110,122,246)
```
#818bf7
```
#818bf7 rgb(129,139,247)
```
#939cf8
```
#939cf8 rgb(147,156,248)
```
#a6adfa
```
#a6adfa rgb(166,173,250)
```
#b8befb
```
#b8befb rgb(184,190,251)
```
#cbcffc
```
#cbcffc rgb(203,207,252)
```
#dde0fd
```
#dde0fd rgb(221,224,253)
```
#f0f1fe
```
#f0f1fe rgb(240,241,254)
```

Tint Color Variation

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

#a5a6ac
```
#a5a6ac rgb(165,166,172)
```
#9fa0b2
```
#9fa0b2 rgb(159,160,178)
```
#989bb9
```
#989bb9 rgb(152,155,185)
```
#9195c0
```
#9195c0 rgb(145,149,192)
```
#8b90c6
```
#8b90c6 rgb(139,144,198)
```
#848acd
```
#848acd rgb(132,138,205)
```
#7d85d4
```
#7d85d4 rgb(125,133,212)
```
#777fda
```
#777fda rgb(119,127,218)
```
#707ae1
```
#707ae1 rgb(112,122,225)
```
#6974e8
```
#6974e8 rgb(105,116,232)
```
#636fee
```
#636fee rgb(99,111,238)
```
#5c69f5
```
#5c69f5 rgb(92,105,245)
```
#5563fc
```
#5563fc rgb(85,99,252)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#70738f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf2 Protanopia 1% of men
#0082d4 Deuteranopia 1% of men
#008b96 Tritanopia 0.001% of the population

Trichromacy

#2174f3 Protanomaly 1% of men, 0.01% of women
#2179e0 Deuteranomaly 6% of men, 0.4% of women
#217fb8 Tritanomaly 0.01% of the population

#5c69f5 hex color

#5c69f5 Color Information

#5c69f5 Color Conversion

Color Schemes with #5c69f5

Alternatives to #5c69f5

#5c69f5 Preview

Shades and Tints of #5c69f5

Tones of #5c69f5

Color Blindness Simulator