#3b63e5 hex color

In a RGB color space, hex #3b63e5 is composed of 23.1% red, 38.8% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 56.8% magenta, 0% yellow and 10.2% black. It has a hue angle of 225.9 degrees, a saturation of 76.6% and a lightness of 56.5%. #3b63e5 color hex could be obtained by blending #76c6ff with #0000cb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 39
- B 90
RGB color chart
- C 74
- M 57
- Y 0
- K 10
CMYK color chart

● #3b63e5 color description : Bright blue.

The hexadecimal color #3b63e5 has RGB values of R:59, G:99, B:229 and CMYK values of C:0.74, M:0.57, Y:0, K:0.1. Its decimal value is 3892197.

Hex triplet	3b63e5	`#3b63e5`
RGB Decimal	59, 99, 229	`rgb(59,99,229)`
RGB Percent	23.1, 38.8, 89.8	`rgb(23.1%,38.8%,89.8%)`
CMYK	74, 57, 0, 10
HSL	225.9°, 76.6, 56.5	`hsl(225.9,76.6%,56.5%)`
HSV (or HSB)	225.9°, 74.2, 89.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.324, 30.753, -69.989
XYZ	20.405, 15.509, 76.043
xyY	0.182, 0.139, 15.509
CIE-LCH	46.324, 76.448, 293.721
CIE-LUV	46.324, -16.988, -107.342
Hunter-Lab	39.382, 23.57, -86.916
Binary	00111011, 01100011, 11100101

#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#e5bd3b
```
#e5bd3b rgb(229,189,59)
```

Complementary Color

#3bb8e5
```
#3bb8e5 rgb(59,184,229)
```
#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#683be5
```
#683be5 rgb(104,59,229)
```

Analogous Color

#b8e53b
```
#b8e53b rgb(184,229,59)
```
#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#e5683b
```
#e5683b rgb(229,104,59)
```

Split Complementary Color

#63e53b
```
#63e53b rgb(99,229,59)
```
#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#e53b63
```
#e53b63 rgb(229,59,99)
```

Triadic Color

#3be5bd
```
#3be5bd rgb(59,229,189)
```
#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#e53b63
```
#e53b63 rgb(229,59,99)
```
#e5bd3b
```
#e5bd3b rgb(229,189,59)
```

Tetradic Color

#193fbb
```
#193fbb rgb(25,63,187)
```
#1c46d1
```
#1c46d1 rgb(28,70,209)
```
#2451e2
```
#2451e2 rgb(36,81,226)
```
#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#5275e8
```
#5275e8 rgb(82,117,232)
```
#6887eb
```
#6887eb rgb(104,135,235)
```
#7f99ee
```
#7f99ee rgb(127,153,238)
```

Monochromatic Color

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

#3b8ee5
```
#3b8ee5 rgb(59,142,229)
```
#3b7fe5
```
#3b7fe5 rgb(59,127,229)
```
#3b71e5
```
#3b71e5 rgb(59,113,229)
```
#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#3b55e5
```
#3b55e5 rgb(59,85,229)
```
#3b47e5
```
#3b47e5 rgb(59,71,229)
```
#3e3be5
```
#3e3be5 rgb(62,59,229)
```

Similar Colors

Text with hexadecimal color #3b63e5

This text has a font color of #3b63e5.

<span style="color:#3b63e5;">Text here</span>

#3b63e5 background color

This paragraph has a background color of #3b63e5.

<p style="background-color:#3b63e5;">Content here</p>

#3b63e5 border color

This element has a border color of #3b63e5.

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

CSS codes

.text {color:#3b63e5;}

.background {background-color:#3b63e5;}

.border {border:1px solid #3b63e5;}

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

#02040c
```
#02040c rgb(2,4,12)
```
#040a1d
```
#040a1d rgb(4,10,29)
```
#06102e
```
#06102e rgb(6,16,46)
```
#081540
```
#081540 rgb(8,21,64)
```
#0b1b51
```
#0b1b51 rgb(11,27,81)
```
#0d2162
```
#0d2162 rgb(13,33,98)
```
#0f2774
```
#0f2774 rgb(15,39,116)
```
#122d85
```
#122d85 rgb(18,45,133)
```
#143396
```
#143396 rgb(20,51,150)
```
#1638a8
```
#1638a8 rgb(22,56,168)
```
#193eb9
```
#193eb9 rgb(25,62,185)
```
#1b44ca
```
#1b44ca rgb(27,68,202)
```
#1d4adc
```
#1d4adc rgb(29,74,220)
```

Shade Color Variation

#2a55e3
```
#2a55e3 rgb(42,85,227)
```
#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#4c71e7
```
#4c71e7 rgb(76,113,231)
```
#5e7fea
```
#5e7fea rgb(94,127,234)
```
#6f8cec
```
#6f8cec rgb(111,140,236)
```
#809aee
```
#809aee rgb(128,154,238)
```
#92a8f0
```
#92a8f0 rgb(146,168,240)
```
#a3b6f3
```
#a3b6f3 rgb(163,182,243)
```
#b4c3f5
```
#b4c3f5 rgb(180,195,245)
```
#c6d1f7
```
#c6d1f7 rgb(198,209,247)
```
#d7dffa
```
#d7dffa rgb(215,223,250)
```
#e8edfc
```
#e8edfc rgb(232,237,252)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888c98 is the less saturated color, while #2155ff is the most saturated one.

#888c98
```
#888c98 rgb(136,140,152)
```
#7f87a1
```
#7f87a1 rgb(127,135,161)
```
#7783a9
```
#7783a9 rgb(119,131,169)
```
#6e7eb2
```
#6e7eb2 rgb(110,126,178)
```
#667aba
```
#667aba rgb(102,122,186)
```
#5d75c3
```
#5d75c3 rgb(93,117,195)
```
#5571cb
```
#5571cb rgb(85,113,203)
```
#4c6cd4
```
#4c6cd4 rgb(76,108,212)
```
#4468dc
```
#4468dc rgb(68,104,220)
```
#3b63e5
```
#3b63e5 rgb(59,99,229)
```
#325eee
```
#325eee rgb(50,94,238)
```
#2a5af6
```
#2a5af6 rgb(42,90,246)
```
#2155ff
```
#2155ff rgb(33,85,255)
```

Tone Color Variation

Below, you can see how #3b63e5 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

#666666 Achromatopsia 0.005% of the population
#5d657f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#156ce1 Protanomaly 1% of men, 0.01% of women
#1570cf Deuteranomaly 6% of men, 0.4% of women
#1575aa Tritanomaly 0.01% of the population

#3b63e5 hex color

#3b63e5 Color Information

#3b63e5 Color Conversion

Color Schemes with #3b63e5

Alternatives to #3b63e5

#3b63e5 Preview

Shades and Tints of #3b63e5

Tones of #3b63e5

Color Blindness Simulator