#5f45d3 hex color

In a RGB color space, hex #5f45d3 is composed of 37.3% red, 27.1% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 67.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 251 degrees, a saturation of 61.7% and a lightness of 54.9%. #5f45d3 color hex could be obtained by blending #be8aff with #0000a7. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 37
- G 27
- B 83
RGB color chart
- C 55
- M 67
- Y 0
- K 17
CMYK color chart

● #5f45d3 color description : Moderate blue.

The hexadecimal color #5f45d3 has RGB values of R:95, G:69, B:211 and CMYK values of C:0.55, M:0.67, Y:0, K:0.17. Its decimal value is 6243795.

Hex triplet	5f45d3	`#5f45d3`
RGB Decimal	95, 69, 211	`rgb(95,69,211)`
RGB Percent	37.3, 27.1, 82.7	`rgb(37.3%,27.1%,82.7%)`
CMYK	55, 67, 0, 17
HSL	251°, 61.7, 54.9	`hsl(251,61.7%,54.9%)`
HSV (or HSB)	251°, 67.3, 82.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.233, 47.922, -69.566
XYZ	18.603, 11.392, 62.843
xyY	0.2, 0.123, 11.392
CIE-LCH	40.233, 84.474, 304.562
CIE-LUV	40.233, -0.516, -103.093
Hunter-Lab	33.752, 39.32, -86.767
Binary	01011111, 01000101, 11010011

#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#b9d345
```
#b9d345 rgb(185,211,69)
```

Complementary Color

#4572d3
```
#4572d3 rgb(69,114,211)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#a645d3
```
#a645d3 rgb(166,69,211)
```

Analogous Color

#72d345
```
#72d345 rgb(114,211,69)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#d3a645
```
#d3a645 rgb(211,166,69)
```

Split Complementary Color

#45d35f
```
#45d35f rgb(69,211,95)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#d35f45
```
#d35f45 rgb(211,95,69)
```

Triadic Color

#45b9d3
```
#45b9d3 rgb(69,185,211)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#d35f45
```
#d35f45 rgb(211,95,69)
```
#b9d345
```
#b9d345 rgb(185,211,69)
```

Tetradic Color

#3e27a5
```
#3e27a5 rgb(62,39,165)
```
#462cb9
```
#462cb9 rgb(70,44,185)
```
#4d31ce
```
#4d31ce rgb(77,49,206)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#715ad8
```
#715ad8 rgb(113,90,216)
```
#826edd
```
#826edd rgb(130,110,221)
```
#9483e2
```
#9483e2 rgb(148,131,226)
```

Monochromatic Color

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

#454fd3
```
#454fd3 rgb(69,79,211)
```
#4745d3
```
#4745d3 rgb(71,69,211)
```
#5345d3
```
#5345d3 rgb(83,69,211)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#6b45d3
```
#6b45d3 rgb(107,69,211)
```
#7745d3
```
#7745d3 rgb(119,69,211)
```
#8345d3
```
#8345d3 rgb(131,69,211)
```

Similar Colors

Text with hexadecimal color #5f45d3

This text has a font color of #5f45d3.

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

#5f45d3 background color

This paragraph has a background color of #5f45d3.

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

#5f45d3 border color

This element has a border color of #5f45d3.

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

CSS codes

.text {color:#5f45d3;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#080514
```
#080514 rgb(8,5,20)
```
#0e0924
```
#0e0924 rgb(14,9,36)
```
#140c34
```
#140c34 rgb(20,12,52)
```
#1a1044
```
#1a1044 rgb(26,16,68)
```
#1f1454
```
#1f1454 rgb(31,20,84)
```
#251864
```
#251864 rgb(37,24,100)
```
#2b1b73
```
#2b1b73 rgb(43,27,115)
```
#311f83
```
#311f83 rgb(49,31,131)
```
#372393
```
#372393 rgb(55,35,147)
```
#3d27a3
```
#3d27a3 rgb(61,39,163)
```
#432ab3
```
#432ab3 rgb(67,42,179)
```
#492ec3
```
#492ec3 rgb(73,46,195)
```

Shade Color Variation

#5135cf
```
#5135cf rgb(81,53,207)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#6d55d7
```
#6d55d7 rgb(109,85,215)
```
#7a65db
```
#7a65db rgb(122,101,219)
```
#8875de
```
#8875de rgb(136,117,222)
```
#9684e2
```
#9684e2 rgb(150,132,226)
```
#a394e6
```
#a394e6 rgb(163,148,230)
```
#b1a4ea
```
#b1a4ea rgb(177,164,234)
```
#bfb4ed
```
#bfb4ed rgb(191,180,237)
```
#ccc4f1
```
#ccc4f1 rgb(204,196,241)
```
#dad4f5
```
#dad4f5 rgb(218,212,245)
```
#e7e4f9
```
#e7e4f9 rgb(231,228,249)
```
#f5f3fc
```
#f5f3fc rgb(245,243,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8c8c is the less saturated color, while #4922f6 is the most saturated one.

#8c8c8c
```
#8c8c8c rgb(140,140,140)
```
#868395
```
#868395 rgb(134,131,149)
```
#817a9e
```
#817a9e rgb(129,122,158)
```
#7b71a7
```
#7b71a7 rgb(123,113,167)
```
#7568b0
```
#7568b0 rgb(117,104,176)
```
#7060b8
```
#7060b8 rgb(112,96,184)
```
#6a57c1
```
#6a57c1 rgb(106,87,193)
```
#654eca
```
#654eca rgb(101,78,202)
```
#5f45d3
```
#5f45d3 rgb(95,69,211)
```
#593cdc
```
#593cdc rgb(89,60,220)
```
#5433e5
```
#5433e5 rgb(84,51,229)
```
#4e2aee
```
#4e2aee rgb(78,42,238)
```
#4922f6
```
#4922f6 rgb(73,34,246)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5d5875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#0069aa Deuteranopia 1% of men
#396e76 Tritanopia 0.001% of the population

Trichromacy

#2258c9 Protanomaly 1% of men, 0.01% of women
#225cb9 Deuteranomaly 6% of men, 0.4% of women
#475f98 Tritanomaly 0.01% of the population

#5f45d3 hex color

#5f45d3 Color Information

#5f45d3 Color Conversion

Color Schemes with #5f45d3

Alternatives to #5f45d3

#5f45d3 Preview

Shades and Tints of #5f45d3

Tones of #5f45d3

Color Blindness Simulator