#5a68c2 hex color

In a RGB color space, hex #5a68c2 is composed of 35.3% red, 40.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 46.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 231.9 degrees, a saturation of 46% and a lightness of 55.7%. #5a68c2 color hex could be obtained by blending #b4d0ff with #000085. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 41
- B 76
RGB color chart
- C 54
- M 46
- Y 0
- K 24
CMYK color chart

● #5a68c2 color description : Moderate blue.

The hexadecimal color #5a68c2 has RGB values of R:90, G:104, B:194 and CMYK values of C:0.54, M:0.46, Y:0, K:0.24. Its decimal value is 5925058.

Hex triplet	5a68c2	`#5a68c2`
RGB Decimal	90, 104, 194	`rgb(90,104,194)`
RGB Percent	35.3, 40.8, 76.1	`rgb(35.3%,40.8%,76.1%)`
CMYK	54, 46, 0, 24
HSL	231.9°, 46, 55.7	`hsl(231.9,46%,55.7%)`
HSV (or HSB)	231.9°, 53.6, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.933, 20.588, -48.942
XYZ	18.902, 15.969, 53.122
xyY	0.215, 0.181, 15.969
CIE-LCH	46.933, 53.096, 292.815
CIE-LUV	46.933, -10.292, -75.869
Hunter-Lab	39.961, 14.504, -50.845
Binary	01011010, 01101000, 11000010

#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#c2b45a
```
#c2b45a rgb(194,180,90)
```

Complementary Color

#5a9cc2
```
#5a9cc2 rgb(90,156,194)
```
#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#805ac2
```
#805ac2 rgb(128,90,194)
```

Analogous Color

#9cc25a
```
#9cc25a rgb(156,194,90)
```
#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#c2805a
```
#c2805a rgb(194,128,90)
```

Split Complementary Color

#68c25a
```
#68c25a rgb(104,194,90)
```
#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#c25a68
```
#c25a68 rgb(194,90,104)
```

Triadic Color

#5ac2b4
```
#5ac2b4 rgb(90,194,180)
```
#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#c25a68
```
#c25a68 rgb(194,90,104)
```
#c2b45a
```
#c2b45a rgb(194,180,90)
```

Tetradic Color

#384597
```
#384597 rgb(56,69,151)
```
#3f4daa
```
#3f4daa rgb(63,77,170)
```
#4757bb
```
#4757bb rgb(71,87,187)
```
#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#6d79c9
```
#6d79c9 rgb(109,121,201)
```
#7f8ad0
```
#7f8ad0 rgb(127,138,208)
```
#929bd7
```
#929bd7 rgb(146,155,215)
```

Monochromatic Color

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

#5a82c2
```
#5a82c2 rgb(90,130,194)
```
#5a79c2
```
#5a79c2 rgb(90,121,194)
```
#5a71c2
```
#5a71c2 rgb(90,113,194)
```
#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#5a5fc2
```
#5a5fc2 rgb(90,95,194)
```
#5d5ac2
```
#5d5ac2 rgb(93,90,194)
```
#665ac2
```
#665ac2 rgb(102,90,194)
```

Similar Colors

Text with hexadecimal color #5a68c2

This text has a font color of #5a68c2.

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

#5a68c2 background color

This paragraph has a background color of #5a68c2.

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

#5a68c2 border color

This element has a border color of #5a68c2.

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

CSS codes

.text {color:#5a68c2;}

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

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

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

#030307
```
#030307 rgb(3,3,7)
```
#080a15
```
#080a15 rgb(8,10,21)
```
#0d1023
```
#0d1023 rgb(13,16,35)
```
#121732
```
#121732 rgb(18,23,50)
```
#181d40
```
#181d40 rgb(24,29,64)
```
#1d244e
```
#1d244e rgb(29,36,78)
```
#222a5d
```
#222a5d rgb(34,42,93)
```
#28316b
```
#28316b rgb(40,49,107)
```
#2d3779
```
#2d3779 rgb(45,55,121)
```
#323e88
```
#323e88 rgb(50,62,136)
```
#374496
```
#374496 rgb(55,68,150)
```
#3d4ba4
```
#3d4ba4 rgb(61,75,164)
```
#4251b3
```
#4251b3 rgb(66,81,179)
```

Shade Color Variation

#4c5bbd
```
#4c5bbd rgb(76,91,189)
```
#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#6875c7
```
#6875c7 rgb(104,117,199)
```
#7782cd
```
#7782cd rgb(119,130,205)
```
#858fd2
```
#858fd2 rgb(133,143,210)
```
#939cd7
```
#939cd7 rgb(147,156,215)
```
#a2aadc
```
#a2aadc rgb(162,170,220)
```
#b0b7e2
```
#b0b7e2 rgb(176,183,226)
```
#bec4e7
```
#bec4e7 rgb(190,196,231)
```
#cdd1ec
```
#cdd1ec rgb(205,209,236)
```
#dbdef2
```
#dbdef2 rgb(219,222,242)
```
#e9ebf7
```
#e9ebf7 rgb(233,235,247)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#858897
```
#858897 rgb(133,136,151)
```
#7d819f
```
#7d819f rgb(125,129,159)
```
#747ba8
```
#747ba8 rgb(116,123,168)
```
#6b75b1
```
#6b75b1 rgb(107,117,177)
```
#636eb9
```
#636eb9 rgb(99,110,185)
```
#5a68c2
```
#5a68c2 rgb(90,104,194)
```
#5162cb
```
#5162cb rgb(81,98,203)
```
#495bd3
```
#495bd3 rgb(73,91,211)
```
#4055dc
```
#4055dc rgb(64,85,220)
```
#374fe5
```
#374fe5 rgb(55,79,229)
```
#2f48ed
```
#2f48ed rgb(47,72,237)
```
#2642f6
```
#2642f6 rgb(38,66,246)
```
#1d3cff
```
#1d3cff rgb(29,60,255)
```

Tone Color Variation

Below, you can see how #5a68c2 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
#6a6d7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a73c8 Protanopia 1% of men
#3677c1 Deuteranopia 1% of men
#467e88 Tritanopia 0.001% of the population

Trichromacy

#506fc6 Protanomaly 1% of men, 0.01% of women
#4372c1 Deuteranomaly 6% of men, 0.4% of women
#4d769d Tritanomaly 0.01% of the population

#5a68c2 hex color

#5a68c2 Color Information

#5a68c2 Color Conversion

Color Schemes with #5a68c2

Alternatives to #5a68c2

#5a68c2 Preview

Shades and Tints of #5a68c2

Tones of #5a68c2

Color Blindness Simulator