#5f63e4 hex color

In a RGB color space, hex #5f63e4 is composed of 37.3% red, 38.8% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 58.3% cyan, 56.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 238.2 degrees, a saturation of 71.1% and a lightness of 63.3%. #5f63e4 color hex could be obtained by blending #bec6ff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 39
- B 89
RGB color chart
- C 58
- M 57
- Y 0
- K 11
CMYK color chart

● #5f63e4 color description : Soft blue.

The hexadecimal color #5f63e4 has RGB values of R:95, G:99, B:228 and CMYK values of C:0.58, M:0.57, Y:0, K:0.11. Its decimal value is 6251492.

Hex triplet	5f63e4	`#5f63e4`
RGB Decimal	95, 99, 228	`rgb(95,99,228)`
RGB Percent	37.3, 38.8, 89.4	`rgb(37.3%,38.8%,89.4%)`
CMYK	58, 57, 0, 11
HSL	238.2°, 71.1, 63.3	`hsl(238.2,71.1%,63.3%)`
HSV (or HSB)	238.2°, 58.3, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.206, 35.648, -66.279
XYZ	23.182, 16.957, 75.446
xyY	0.201, 0.147, 16.957
CIE-LCH	48.206, 75.258, 298.273
CIE-LUV	48.206, -8.655, -103.688
Hunter-Lab	41.179, 28.425, -79.803
Binary	01011111, 01100011, 11100100

#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#e4e05f
```
#e4e05f rgb(228,224,95)
```

Complementary Color

#5fa6e4
```
#5fa6e4 rgb(95,166,228)
```
#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#9e5fe4
```
#9e5fe4 rgb(158,95,228)
```

Analogous Color

#a6e45f
```
#a6e45f rgb(166,228,95)
```
#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#e49e5f
```
#e49e5f rgb(228,158,95)
```

Split Complementary Color

#63e45f
```
#63e45f rgb(99,228,95)
```
#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#e45f63
```
#e45f63 rgb(228,95,99)
```

Triadic Color

#5fe4e0
```
#5fe4e0 rgb(95,228,224)
```
#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#e45f63
```
#e45f63 rgb(228,95,99)
```
#e4e05f
```
#e4e05f rgb(228,224,95)
```

Tetradic Color

#2429d3
```
#2429d3 rgb(36,41,211)
```
#3338dd
```
#3338dd rgb(51,56,221)
```
#494ee0
```
#494ee0 rgb(73,78,224)
```
#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#7578e8
```
#7578e8 rgb(117,120,232)
```
#8b8eeb
```
#8b8eeb rgb(139,142,235)
```
#a0a3ef
```
#a0a3ef rgb(160,163,239)
```

Monochromatic Color

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

#5f84e4
```
#5f84e4 rgb(95,132,228)
```
#5f79e4
```
#5f79e4 rgb(95,121,228)
```
#5f6ee4
```
#5f6ee4 rgb(95,110,228)
```
#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#665fe4
```
#665fe4 rgb(102,95,228)
```
#715fe4
```
#715fe4 rgb(113,95,228)
```
#7c5fe4
```
#7c5fe4 rgb(124,95,228)
```

Similar Colors

Text with hexadecimal color #5f63e4

This text has a font color of #5f63e4.

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

#5f63e4 background color

This paragraph has a background color of #5f63e4.

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

#5f63e4 border color

This element has a border color of #5f63e4.

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

CSS codes

.text {color:#5f63e4;}

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

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

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

#010208
```
#010208 rgb(1,2,8)
```
#040519
```
#040519 rgb(4,5,25)
```
#070829
```
#070829 rgb(7,8,41)
```
#0a0b3a
```
#0a0b3a rgb(10,11,58)
```
#0d0f4b
```
#0d0f4b rgb(13,15,75)
```
#0f125c
```
#0f125c rgb(15,18,92)
```
#12156d
```
#12156d rgb(18,21,109)
```
#15187d
```
#15187d rgb(21,24,125)
```
#181c8e
```
#181c8e rgb(24,28,142)
```
#1b1f9f
```
#1b1f9f rgb(27,31,159)
```
#1e22b0
```
#1e22b0 rgb(30,34,176)
```
#2025c0
```
#2025c0 rgb(32,37,192)
```
#2329d1
```
#2329d1 rgb(35,41,209)
```

Shade Color Variation

#2d32dc
```
#2d32dc rgb(45,50,220)
```
#3d42de
```
#3d42de rgb(61,66,222)
```
#4e53e1
```
#4e53e1 rgb(78,83,225)
```
#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#7073e7
```
#7073e7 rgb(112,115,231)
```
#8184ea
```
#8184ea rgb(129,132,234)
```
#9194ec
```
#9194ec rgb(145,148,236)
```
#a2a4ef
```
#a2a4ef rgb(162,164,239)
```
#b3b5f2
```
#b3b5f2 rgb(179,181,242)
```
#c4c5f5
```
#c4c5f5 rgb(196,197,245)
```
#d4d6f8
```
#d4d6f8 rgb(212,214,248)
```
#e5e6fb
```
#e5e6fb rgb(229,230,251)
```
#f6f6fd
```
#f6f6fd rgb(246,246,253)
```

Tint Color Variation

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

#a0a0a3
```
#a0a0a3 rgb(160,160,163)
```
#9999aa
```
#9999aa rgb(153,153,170)
```
#9192b2
```
#9192b2 rgb(145,146,178)
```
#8a8cb9
```
#8a8cb9 rgb(138,140,185)
```
#8385c0
```
#8385c0 rgb(131,133,192)
```
#7c7ec7
```
#7c7ec7 rgb(124,126,199)
```
#7577ce
```
#7577ce rgb(117,119,206)
```
#6d71d6
```
#6d71d6 rgb(109,113,214)
```
#666add
```
#666add rgb(102,106,221)
```
#5f63e4
```
#5f63e4 rgb(95,99,228)
```
#585ceb
```
#585ceb rgb(88,92,235)
```
#5155f2
```
#5155f2 rgb(81,85,242)
```
#494ffa
```
#494ffa rgb(73,79,250)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6d6e88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e7 Protanopia 1% of men
#007ccb Deuteranopia 1% of men
#32848d Tritanopia 0.001% of the population

Trichromacy

#226fe6 Protanomaly 1% of men, 0.01% of women
#2273d4 Deuteranomaly 6% of men, 0.4% of women
#4278ad Tritanomaly 0.01% of the population

#5f63e4 hex color

#5f63e4 Color Information

#5f63e4 Color Conversion

Color Schemes with #5f63e4

Alternatives to #5f63e4

#5f63e4 Preview

Shades and Tints of #5f63e4

Tones of #5f63e4

Color Blindness Simulator