#5d63bf hex color

In a RGB color space, hex #5d63bf is composed of 36.5% red, 38.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 51.3% cyan, 48.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 236.3 degrees, a saturation of 43.4% and a lightness of 55.7%. #5d63bf color hex could be obtained by blending #bac6ff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 39
- B 75
RGB color chart
- C 51
- M 48
- Y 0
- K 25
CMYK color chart

● #5d63bf color description : Moderate blue.

The hexadecimal color #5d63bf has RGB values of R:93, G:99, B:191 and CMYK values of C:0.51, M:0.48, Y:0, K:0.25. Its decimal value is 6120383.

Hex triplet	5d63bf	`#5d63bf`
RGB Decimal	93, 99, 191	`rgb(93,99,191)`
RGB Percent	36.5, 38.8, 74.9	`rgb(36.5%,38.8%,74.9%)`
CMYK	51, 48, 0, 25
HSL	236.3°, 43.4, 55.7	`hsl(236.3,43.4%,55.7%)`
HSV (or HSB)	236.3°, 51.3, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.65, 23.395, -49.248
XYZ	18.378, 15.012, 51.217
xyY	0.217, 0.177, 15.012
CIE-LCH	45.65, 54.522, 295.409
CIE-LUV	45.65, -7.575, -76.077
Hunter-Lab	38.745, 16.865, -51.253
Binary	01011101, 01100011, 10111111

#5d63bf
```
#5d63bf rgb(93,99,191)
```
#bfb95d
```
#bfb95d rgb(191,185,93)
```

Complementary Color

#5d94bf
```
#5d94bf rgb(93,148,191)
```
#5d63bf
```
#5d63bf rgb(93,99,191)
```
#885dbf
```
#885dbf rgb(136,93,191)
```

Analogous Color

#94bf5d
```
#94bf5d rgb(148,191,93)
```
#5d63bf
```
#5d63bf rgb(93,99,191)
```
#bf885d
```
#bf885d rgb(191,136,93)
```

Split Complementary Color

#63bf5d
```
#63bf5d rgb(99,191,93)
```
#5d63bf
```
#5d63bf rgb(93,99,191)
```
#bf5d63
```
#bf5d63 rgb(191,93,99)
```

Triadic Color

#5dbfb9
```
#5dbfb9 rgb(93,191,185)
```
#5d63bf
```
#5d63bf rgb(93,99,191)
```
#bf5d63
```
#bf5d63 rgb(191,93,99)
```
#bfb95d
```
#bfb95d rgb(191,185,93)
```

Tetradic Color

#3b4095
```
#3b4095 rgb(59,64,149)
```
#4248a7
```
#4248a7 rgb(66,72,167)
```
#4b51b8
```
#4b51b8 rgb(75,81,184)
```
#5d63bf
```
#5d63bf rgb(93,99,191)
```
#6f75c6
```
#6f75c6 rgb(111,117,198)
```
#8286cd
```
#8286cd rgb(130,134,205)
```
#9498d5
```
#9498d5 rgb(148,152,213)
```

Monochromatic Color

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

#5d7cbf
```
#5d7cbf rgb(93,124,191)
```
#5d73bf
```
#5d73bf rgb(93,115,191)
```
#5d6bbf
```
#5d6bbf rgb(93,107,191)
```
#5d63bf
```
#5d63bf rgb(93,99,191)
```
#5f5dbf
```
#5f5dbf rgb(95,93,191)
```
#675dbf
```
#675dbf rgb(103,93,191)
```
#705dbf
```
#705dbf rgb(112,93,191)
```

Similar Colors

Text with hexadecimal color #5d63bf

This text has a font color of #5d63bf.

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

#5d63bf background color

This paragraph has a background color of #5d63bf.

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

#5d63bf border color

This element has a border color of #5d63bf.

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

CSS codes

.text {color:#5d63bf;}

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

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

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)
```
#080915
```
#080915 rgb(8,9,21)
```
#0e0f23
```
#0e0f23 rgb(14,15,35)
```
#131531
```
#131531 rgb(19,21,49)
```
#191b3f
```
#191b3f rgb(25,27,63)
```
#1e214d
```
#1e214d rgb(30,33,77)
```
#24275b
```
#24275b rgb(36,39,91)
```
#2a2d69
```
#2a2d69 rgb(42,45,105)
```
#2f3477
```
#2f3477 rgb(47,52,119)
```
#353a85
```
#353a85 rgb(53,58,133)
```
#3a4093
```
#3a4093 rgb(58,64,147)
```
#4046a1
```
#4046a1 rgb(64,70,161)
```
#454caf
```
#454caf rgb(69,76,175)
```

Shade Color Variation

#4f55b9
```
#4f55b9 rgb(79,85,185)
```
#5d63bf
```
#5d63bf rgb(93,99,191)
```
#6b71c5
```
#6b71c5 rgb(107,113,197)
```
#797eca
```
#797eca rgb(121,126,202)
```
#878cd0
```
#878cd0 rgb(135,140,208)
```
#9599d5
```
#9599d5 rgb(149,153,213)
```
#a3a7db
```
#a3a7db rgb(163,167,219)
```
#b1b4e0
```
#b1b4e0 rgb(177,180,224)
```
#bfc2e6
```
#bfc2e6 rgb(191,194,230)
```
#cdcfeb
```
#cdcfeb rgb(205,207,235)
```
#dcddf1
```
#dcddf1 rgb(220,221,241)
```
#eaeaf7
```
#eaeaf7 rgb(234,234,247)
```
#f8f8fc
```
#f8f8fc rgb(248,248,252)
```

Tint Color Variation

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

#888994
```
#888994 rgb(136,137,148)
```
#80829c
```
#80829c rgb(128,130,156)
```
#777aa5
```
#777aa5 rgb(119,122,165)
```
#6e72ae
```
#6e72ae rgb(110,114,174)
```
#666bb6
```
#666bb6 rgb(102,107,182)
```
#5d63bf
```
#5d63bf rgb(93,99,191)
```
#545bc8
```
#545bc8 rgb(84,91,200)
```
#4c54d0
```
#4c54d0 rgb(76,84,208)
```
#434cd9
```
#434cd9 rgb(67,76,217)
```
#3a44e2
```
#3a44e2 rgb(58,68,226)
```
#323dea
```
#323dea rgb(50,61,234)
```
#2935f3
```
#2935f3 rgb(41,53,243)
```
#202efc
```
#202efc rgb(32,46,252)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4470c7 Protanopia 1% of men
#3075be Deuteranopia 1% of men
#4b7a83 Tritanopia 0.001% of the population

Trichromacy

#4d6bc4 Protanomaly 1% of men, 0.01% of women
#406ebe Deuteranomaly 6% of men, 0.4% of women
#517299 Tritanomaly 0.01% of the population

#5d63bf hex color

#5d63bf Color Information

#5d63bf Color Conversion

Color Schemes with #5d63bf

Alternatives to #5d63bf

#5d63bf Preview

Shades and Tints of #5d63bf

Tones of #5d63bf

Color Blindness Simulator