#5c69b4 hex color

In a RGB color space, hex #5c69b4 is composed of 36.1% red, 41.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 41.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 231.1 degrees, a saturation of 37% and a lightness of 53.3%. #5c69b4 color hex could be obtained by blending #b8d2ff with #000069. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 41
- B 71
RGB color chart
- C 49
- M 42
- Y 0
- K 29
CMYK color chart

● #5c69b4 color description : Slightly desaturated blue.

The hexadecimal color #5c69b4 has RGB values of R:92, G:105, B:180 and CMYK values of C:0.49, M:0.42, Y:0, K:0.29. Its decimal value is 6056372.

Hex triplet	5c69b4	`#5c69b4`
RGB Decimal	92, 105, 180	`rgb(92,105,180)`
RGB Percent	36.1, 41.2, 70.6	`rgb(36.1%,41.2%,70.6%)`
CMYK	49, 42, 0, 29
HSL	231.1°, 37, 53.3	`hsl(231.1,37%,53.3%)`
HSV (or HSB)	231.1°, 48.9, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.543, 15.957, -41.44
XYZ	17.702, 15.673, 45.27
xyY	0.225, 0.199, 15.673
CIE-LCH	46.543, 44.406, 291.059
CIE-LUV	46.543, -9.459, -63.745
Hunter-Lab	39.589, 10.532, -40.085
Binary	01011100, 01101001, 10110100

#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#b4a75c
```
#b4a75c rgb(180,167,92)
```

Complementary Color

#5c95b4
```
#5c95b4 rgb(92,149,180)
```
#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#7b5cb4
```
#7b5cb4 rgb(123,92,180)
```

Analogous Color

#95b45c
```
#95b45c rgb(149,180,92)
```
#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#b47b5c
```
#b47b5c rgb(180,123,92)
```

Split Complementary Color

#69b45c
```
#69b45c rgb(105,180,92)
```
#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#b45c69
```
#b45c69 rgb(180,92,105)
```

Triadic Color

#5cb4a7
```
#5cb4a7 rgb(92,180,167)
```
#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#b45c69
```
#b45c69 rgb(180,92,105)
```
#b4a75c
```
#b4a75c rgb(180,167,92)
```

Tetradic Color

#3e4886
```
#3e4886 rgb(62,72,134)
```
#465297
```
#465297 rgb(70,82,151)
```
#4e5ba9
```
#4e5ba9 rgb(78,91,169)
```
#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#6d79bc
```
#6d79bc rgb(109,121,188)
```
#7f89c4
```
#7f89c4 rgb(127,137,196)
```
#9099cc
```
#9099cc rgb(144,153,204)
```

Monochromatic Color

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

#5c7fb4
```
#5c7fb4 rgb(92,127,180)
```
#5c78b4
```
#5c78b4 rgb(92,120,180)
```
#5c70b4
```
#5c70b4 rgb(92,112,180)
```
#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#5c62b4
```
#5c62b4 rgb(92,98,180)
```
#5e5cb4
```
#5e5cb4 rgb(94,92,180)
```
#655cb4
```
#655cb4 rgb(101,92,180)
```

Similar Colors

Text with hexadecimal color #5c69b4

This text has a font color of #5c69b4.

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

#5c69b4 background color

This paragraph has a background color of #5c69b4.

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

#5c69b4 border color

This element has a border color of #5c69b4.

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

CSS codes

.text {color:#5c69b4;}

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

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

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, #05060c is the darkest color, while #fdfdfe is the lightest one.

#05060c
```
#05060c rgb(5,6,12)
```
#0c0e19
```
#0c0e19 rgb(12,14,25)
```
#121527
```
#121527 rgb(18,21,39)
```
#181c34
```
#181c34 rgb(24,28,52)
```
#1e2341
```
#1e2341 rgb(30,35,65)
```
#242b4f
```
#242b4f rgb(36,43,79)
```
#2a325c
```
#2a325c rgb(42,50,92)
```
#31396a
```
#31396a rgb(49,57,106)
```
#374077
```
#374077 rgb(55,64,119)
```
#3d4885
```
#3d4885 rgb(61,72,133)
```
#434f92
```
#434f92 rgb(67,79,146)
```
#49569f
```
#49569f rgb(73,86,159)
```
#505dad
```
#505dad rgb(80,93,173)
```

Shade Color Variation

#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#6975ba
```
#6975ba rgb(105,117,186)
```
#7782c0
```
#7782c0 rgb(119,130,192)
```
#848ec7
```
#848ec7 rgb(132,142,199)
```
#929acd
```
#929acd rgb(146,154,205)
```
#9fa7d3
```
#9fa7d3 rgb(159,167,211)
```
#adb3d9
```
#adb3d9 rgb(173,179,217)
```
#bac0df
```
#bac0df rgb(186,192,223)
```
#c7cce5
```
#c7cce5 rgb(199,204,229)
```
#d5d8ec
```
#d5d8ec rgb(213,216,236)
```
#e2e5f2
```
#e2e5f2 rgb(226,229,242)
```
#f0f1f8
```
#f0f1f8 rgb(240,241,248)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81838f is the less saturated color, while #1335fd is the most saturated one.

#81838f
```
#81838f rgb(129,131,143)
```
#777c99
```
#777c99 rgb(119,124,153)
```
#6e76a2
```
#6e76a2 rgb(110,118,162)
```
#656fab
```
#656fab rgb(101,111,171)
```
#5c69b4
```
#5c69b4 rgb(92,105,180)
```
#5363bd
```
#5363bd rgb(83,99,189)
```
#4a5cc6
```
#4a5cc6 rgb(74,92,198)
```
#4156cf
```
#4156cf rgb(65,86,207)
```
#374fd9
```
#374fd9 rgb(55,79,217)
```
#2e49e2
```
#2e49e2 rgb(46,73,226)
```
#2542eb
```
#2542eb rgb(37,66,235)
```
#1c3cf4
```
#1c3cf4 rgb(28,60,244)
```
#1335fd
```
#1335fd rgb(19,53,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6a6d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#5673ba Protanopia 1% of men
#4c76b5 Deuteranopia 1% of men
#517c85 Tritanopia 0.001% of the population

Trichromacy

#586fb7 Protanomaly 1% of men, 0.01% of women
#5171b5 Deuteranomaly 6% of men, 0.4% of women
#557596 Tritanomaly 0.01% of the population

#5c69b4 hex color

#5c69b4 Color Information

#5c69b4 Color Conversion

Color Schemes with #5c69b4

Alternatives to #5c69b4

#5c69b4 Preview

Shades and Tints of #5c69b4

Tones of #5c69b4

Color Blindness Simulator