#3b63ff hex color

In a RGB color space, hex #3b63ff is composed of 23.1% red, 38.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 61.2% magenta, 0% yellow and 0% black. It has a hue angle of 227.8 degrees, a saturation of 100% and a lightness of 61.6%. #3b63ff color hex could be obtained by blending #76c6ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 39
- B 100
RGB color chart
- C 77
- M 61
- Y 0
- K 0
CMYK color chart

● #3b63ff color description : Light blue.

The hexadecimal color #3b63ff has RGB values of R:59, G:99, B:255 and CMYK values of C:0.77, M:0.61, Y:0, K:0. Its decimal value is 3892223.

Hex triplet	3b63ff	`#3b63ff`
RGB Decimal	59, 99, 255	`rgb(59,99,255)`
RGB Percent	23.1, 38.8, 100	`rgb(23.1%,38.8%,100%)`
CMYK	77, 61, 0, 0
HSL	227.8°, 100, 61.6	`hsl(227.8,100%,61.6%)`
HSV (or HSB)	227.8°, 76.9, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.35, 40.02, -81.239
XYZ	24.312, 17.072, 96.616
xyY	0.176, 0.124, 17.072
CIE-LCH	48.35, 90.562, 296.226
CIE-LUV	48.35, -17.161, -125.016
Hunter-Lab	41.318, 32.724, -109.718
Binary	00111011, 01100011, 11111111

#3b63ff
```
#3b63ff rgb(59,99,255)
```
#ffd73b
```
#ffd73b rgb(255,215,59)
```

Complementary Color

#3bc5ff
```
#3bc5ff rgb(59,197,255)
```
#3b63ff
```
#3b63ff rgb(59,99,255)
```
#753bff
```
#753bff rgb(117,59,255)
```

Analogous Color

#c5ff3b
```
#c5ff3b rgb(197,255,59)
```
#3b63ff
```
#3b63ff rgb(59,99,255)
```
#ff753b
```
#ff753b rgb(255,117,59)
```

Split Complementary Color

#63ff3b
```
#63ff3b rgb(99,255,59)
```
#3b63ff
```
#3b63ff rgb(59,99,255)
```
#ff3b63
```
#ff3b63 rgb(255,59,99)
```

Triadic Color

#3bffd7
```
#3bffd7 rgb(59,255,215)
```
#3b63ff
```
#3b63ff rgb(59,99,255)
```
#ff3b63
```
#ff3b63 rgb(255,59,99)
```
#ffd73b
```
#ffd73b rgb(255,215,59)
```

Tetradic Color

#0030ee
```
#0030ee rgb(0,48,238)
```
#083aff
```
#083aff rgb(8,58,255)
```
#224fff
```
#224fff rgb(34,79,255)
```
#3b63ff
```
#3b63ff rgb(59,99,255)
```
#5577ff
```
#5577ff rgb(85,119,255)
```
#6e8cff
```
#6e8cff rgb(110,140,255)
```
#88a0ff
```
#88a0ff rgb(136,160,255)
```

Monochromatic Color

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

#3b94ff
```
#3b94ff rgb(59,148,255)
```
#3b84ff
```
#3b84ff rgb(59,132,255)
```
#3b73ff
```
#3b73ff rgb(59,115,255)
```
#3b63ff
```
#3b63ff rgb(59,99,255)
```
#3b53ff
```
#3b53ff rgb(59,83,255)
```
#3b42ff
```
#3b42ff rgb(59,66,255)
```
#443bff
```
#443bff rgb(68,59,255)
```

Similar Colors

Text with hexadecimal color #3b63ff

This text has a font color of #3b63ff.

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

#3b63ff background color

This paragraph has a background color of #3b63ff.

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

#3b63ff border color

This element has a border color of #3b63ff.

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

CSS codes

.text {color:#3b63ff;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#000414
```
#000414 rgb(0,4,20)
```
#000827
```
#000827 rgb(0,8,39)
```
#000c3b
```
#000c3b rgb(0,12,59)
```
#00104f
```
#00104f rgb(0,16,79)
```
#001462
```
#001462 rgb(0,20,98)
```
#001876
```
#001876 rgb(0,24,118)
```
#001c89
```
#001c89 rgb(0,28,137)
```
#00209d
```
#00209d rgb(0,32,157)
```
#0024b1
```
#0024b1 rgb(0,36,177)
```
#0028c4
```
#0028c4 rgb(0,40,196)
```
#002cd8
```
#002cd8 rgb(0,44,216)
```
#0030ec
```
#0030ec rgb(0,48,236)
```

Shade Color Variation

#0034ff
```
#0034ff rgb(0,52,255)
```
#1444ff
```
#1444ff rgb(20,68,255)
```
#2753ff
```
#2753ff rgb(39,83,255)
```
#3b63ff
```
#3b63ff rgb(59,99,255)
```
#4f73ff
```
#4f73ff rgb(79,115,255)
```
#6282ff
```
#6282ff rgb(98,130,255)
```
#7692ff
```
#7692ff rgb(118,146,255)
```
#89a1ff
```
#89a1ff rgb(137,161,255)
```
#9db1ff
```
#9db1ff rgb(157,177,255)
```
#b1c1ff
```
#b1c1ff rgb(177,193,255)
```
#c4d0ff
```
#c4d0ff rgb(196,208,255)
```
#d8e0ff
```
#d8e0ff rgb(216,224,255)
```
#ecf0ff
```
#ecf0ff rgb(236,240,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9599a5 is the less saturated color, while #3b63ff is the most saturated one.

#9599a5
```
#9599a5 rgb(149,153,165)
```
#8e94ac
```
#8e94ac rgb(142,148,172)
```
#8690b4
```
#8690b4 rgb(134,144,180)
```
#7f8bbb
```
#7f8bbb rgb(127,139,187)
```
#7787c3
```
#7787c3 rgb(119,135,195)
```
#7082ca
```
#7082ca rgb(112,130,202)
```
#687ed2
```
#687ed2 rgb(104,126,210)
```
#6179d9
```
#6179d9 rgb(97,121,217)
```
#5975e1
```
#5975e1 rgb(89,117,225)
```
#5270e8
```
#5270e8 rgb(82,112,232)
```
#4a6cf0
```
#4a6cf0 rgb(74,108,240)
```
#4367f7
```
#4367f7 rgb(67,103,247)
```
#3b63ff
```
#3b63ff rgb(59,99,255)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#606887 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007dc9 Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#156fef Protanomaly 1% of men, 0.01% of women
#1573dd Deuteranomaly 6% of men, 0.4% of women
#1579b6 Tritanomaly 0.01% of the population

#3b63ff hex color

#3b63ff Color Information

#3b63ff Color Conversion

Color Schemes with #3b63ff

Alternatives to #3b63ff

#3b63ff Preview

Shades and Tints of #3b63ff

Tones of #3b63ff

Color Blindness Simulator