#5669eb hex color

In a RGB color space, hex #5669eb is composed of 33.7% red, 41.2% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 55.3% magenta, 0% yellow and 7.8% black. It has a hue angle of 232.3 degrees, a saturation of 78.8% and a lightness of 62.9%. #5669eb color hex could be obtained by blending #acd2ff with #0000d7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 34
- G 41
- B 92
RGB color chart
- C 63
- M 55
- Y 0
- K 8
CMYK color chart

● #5669eb color description : Soft blue.

The hexadecimal color #5669eb has RGB values of R:86, G:105, B:235 and CMYK values of C:0.63, M:0.55, Y:0, K:0.08. Its decimal value is 5663211.

Hex triplet	5669eb	`#5669eb`
RGB Decimal	86, 105, 235	`rgb(86,105,235)`
RGB Percent	33.7, 41.2, 92.2	`rgb(33.7%,41.2%,92.2%)`
CMYK	63, 55, 0, 8
HSL	232.3°, 78.8, 62.9	`hsl(232.3,78.8%,62.9%)`
HSV (or HSB)	232.3°, 63.4, 92.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.591, 32.789, -68
XYZ	23.882, 18.078, 80.824
xyY	0.195, 0.147, 18.078
CIE-LCH	49.591, 75.492, 295.743
CIE-LUV	49.591, -12.975, -106.788
Hunter-Lab	42.519, 25.851, -82.941
Binary	01010110, 01101001, 11101011

#5669eb
```
#5669eb rgb(86,105,235)
```
#ebd856
```
#ebd856 rgb(235,216,86)
```

Complementary Color

#56b4eb
```
#56b4eb rgb(86,180,235)
```
#5669eb
```
#5669eb rgb(86,105,235)
```
#8e56eb
```
#8e56eb rgb(142,86,235)
```

Analogous Color

#b4eb56
```
#b4eb56 rgb(180,235,86)
```
#5669eb
```
#5669eb rgb(86,105,235)
```
#eb8e56
```
#eb8e56 rgb(235,142,86)
```

Split Complementary Color

#69eb56
```
#69eb56 rgb(105,235,86)
```
#5669eb
```
#5669eb rgb(86,105,235)
```
#eb5669
```
#eb5669 rgb(235,86,105)
```

Triadic Color

#56ebd8
```
#56ebd8 rgb(86,235,216)
```
#5669eb
```
#5669eb rgb(86,105,235)
```
#eb5669
```
#eb5669 rgb(235,86,105)
```
#ebd856
```
#ebd856 rgb(235,216,86)
```

Tetradic Color

#1a32db
```
#1a32db rgb(26,50,219)
```
#2841e6
```
#2841e6 rgb(40,65,230)
```
#3f55e8
```
#3f55e8 rgb(63,85,232)
```
#5669eb
```
#5669eb rgb(86,105,235)
```
#6d7dee
```
#6d7dee rgb(109,125,238)
```
#8491f0
```
#8491f0 rgb(132,145,240)
```
#9aa6f3
```
#9aa6f3 rgb(154,166,243)
```

Monochromatic Color

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

#568eeb
```
#568eeb rgb(86,142,235)
```
#5682eb
```
#5682eb rgb(86,130,235)
```
#5675eb
```
#5675eb rgb(86,117,235)
```
#5669eb
```
#5669eb rgb(86,105,235)
```
#565deb
```
#565deb rgb(86,93,235)
```
#5c56eb
```
#5c56eb rgb(92,86,235)
```
#6856eb
```
#6856eb rgb(104,86,235)
```

Similar Colors

Text with hexadecimal color #5669eb

This text has a font color of #5669eb.

<span style="color:#5669eb;">Text here</span>

#5669eb background color

This paragraph has a background color of #5669eb.

<p style="background-color:#5669eb;">Content here</p>

#5669eb border color

This element has a border color of #5669eb.

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

CSS codes

.text {color:#5669eb;}

.background {background-color:#5669eb;}

.border {border:1px solid #5669eb;}

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

#010106
```
#010106 rgb(1,1,6)
```
#030618
```
#030618 rgb(3,6,24)
```
#050a29
```
#050a29 rgb(5,10,41)
```
#070e3b
```
#070e3b rgb(7,14,59)
```
#09124d
```
#09124d rgb(9,18,77)
```
#0b165e
```
#0b165e rgb(11,22,94)
```
#0d1a70
```
#0d1a70 rgb(13,26,112)
```
#0f1e81
```
#0f1e81 rgb(15,30,129)
```
#112293
```
#112293 rgb(17,34,147)
```
#1326a4
```
#1326a4 rgb(19,38,164)
```
#162ab6
```
#162ab6 rgb(22,42,182)
```
#182ec7
```
#182ec7 rgb(24,46,199)
```
#1a32d9
```
#1a32d9 rgb(26,50,217)
```

Shade Color Variation

#213ae5
```
#213ae5 rgb(33,58,229)
```
#334ae7
```
#334ae7 rgb(51,74,231)
```
#4459e9
```
#4459e9 rgb(68,89,233)
```
#5669eb
```
#5669eb rgb(86,105,235)
```
#6879ed
```
#6879ed rgb(104,121,237)
```
#7988ef
```
#7988ef rgb(121,136,239)
```
#8b98f1
```
#8b98f1 rgb(139,152,241)
```
#9ca7f3
```
#9ca7f3 rgb(156,167,243)
```
#aeb7f5
```
#aeb7f5 rgb(174,183,245)
```
#bfc6f7
```
#bfc6f7 rgb(191,198,247)
```
#d1d6fa
```
#d1d6fa rgb(209,214,250)
```
#e2e6fc
```
#e2e6fc rgb(226,230,252)
```
#f4f5fe
```
#f4f5fe rgb(244,245,254)
```

Tint Color Variation

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

#9f9fa2
```
#9f9fa2 rgb(159,159,162)
```
#979aaa
```
#979aaa rgb(151,154,170)
```
#9094b1
```
#9094b1 rgb(144,148,177)
```
#898fb8
```
#898fb8 rgb(137,143,184)
```
#8289bf
```
#8289bf rgb(130,137,191)
```
#7a84c7
```
#7a84c7 rgb(122,132,199)
```
#737fce
```
#737fce rgb(115,127,206)
```
#6c79d5
```
#6c79d5 rgb(108,121,213)
```
#6574dc
```
#6574dc rgb(101,116,220)
```
#5d6ee4
```
#5d6ee4 rgb(93,110,228)
```
#5669eb
```
#5669eb rgb(86,105,235)
```
#4f64f2
```
#4f64f2 rgb(79,100,242)
```
#475efa
```
#475efa rgb(71,94,250)
```

Tone Color Variation

Below, you can see how #5669eb 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

#727272 Achromatopsia 0.005% of the population
#6c708a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#007fd1 Deuteranopia 1% of men
#008993 Tritanopia 0.001% of the population

Trichromacy

#1f73ec Protanomaly 1% of men, 0.01% of women
#1f77da Deuteranomaly 6% of men, 0.4% of women
#1f7db3 Tritanomaly 0.01% of the population

#5669eb hex color

#5669eb Color Information

#5669eb Color Conversion

Color Schemes with #5669eb

Alternatives to #5669eb

#5669eb Preview

Shades and Tints of #5669eb

Tones of #5669eb

Color Blindness Simulator