#3b60f5 hex color

In a RGB color space, hex #3b60f5 is composed of 23.1% red, 37.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 60.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 228.1 degrees, a saturation of 90.3% and a lightness of 59.6%. #3b60f5 color hex could be obtained by blending #76c0ff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 38
- B 96
RGB color chart
- C 76
- M 61
- Y 0
- K 4
CMYK color chart

● #3b60f5 color description : Bright blue.

The hexadecimal color #3b60f5 has RGB values of R:59, G:96, B:245 and CMYK values of C:0.76, M:0.61, Y:0, K:0.04. Its decimal value is 3891445.

Hex triplet	3b60f5	`#3b60f5`
RGB Decimal	59, 96, 245	`rgb(59,96,245)`
RGB Percent	23.1, 37.6, 96.1	`rgb(23.1%,37.6%,96.1%)`
CMYK	76, 61, 0, 4
HSL	228.1°, 90.3, 59.6	`hsl(228.1,90.3%,59.6%)`
HSV (or HSB)	228.1°, 75.9, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.825, 38.342, -78.163
XYZ	22.465, 15.887, 88.264
xyY	0.177, 0.125, 15.887
CIE-LCH	46.825, 87.06, 296.13
CIE-LUV	46.825, -16.352, -119.483
Hunter-Lab	39.858, 30.854, -103.395
Binary	00111011, 01100000, 11110101

#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#f5d03b
```
#f5d03b rgb(245,208,59)
```

Complementary Color

#3bbdf5
```
#3bbdf5 rgb(59,189,245)
```
#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#733bf5
```
#733bf5 rgb(115,59,245)
```

Analogous Color

#bdf53b
```
#bdf53b rgb(189,245,59)
```
#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#f5733b
```
#f5733b rgb(245,115,59)
```

Split Complementary Color

#60f53b
```
#60f53b rgb(96,245,59)
```
#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#f53b60
```
#f53b60 rgb(245,59,96)
```

Triadic Color

#3bf5d0
```
#3bf5d0 rgb(59,245,208)
```
#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#f53b60
```
#f53b60 rgb(245,59,96)
```
#f5d03b
```
#f5d03b rgb(245,208,59)
```

Tetradic Color

#0b34d8
```
#0b34d8 rgb(11,52,216)
```
#0c3af1
```
#0c3af1 rgb(12,58,241)
```
#234cf4
```
#234cf4 rgb(35,76,244)
```
#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#5374f6
```
#5374f6 rgb(83,116,246)
```
#6c87f7
```
#6c87f7 rgb(108,135,247)
```
#849bf9
```
#849bf9 rgb(132,155,249)
```

Monochromatic Color

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

#3b8ff5
```
#3b8ff5 rgb(59,143,245)
```
#3b7ff5
```
#3b7ff5 rgb(59,127,245)
```
#3b70f5
```
#3b70f5 rgb(59,112,245)
```
#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#3b50f5
```
#3b50f5 rgb(59,80,245)
```
#3b41f5
```
#3b41f5 rgb(59,65,245)
```
#443bf5
```
#443bf5 rgb(68,59,245)
```

Similar Colors

Text with hexadecimal color #3b60f5

This text has a font color of #3b60f5.

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

#3b60f5 background color

This paragraph has a background color of #3b60f5.

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

#3b60f5 border color

This element has a border color of #3b60f5.

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

CSS codes

.text {color:#3b60f5;}

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

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

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

#000209
```
#000209 rgb(0,2,9)
```
#01071c
```
#01071c rgb(1,7,28)
```
#020b2f
```
#020b2f rgb(2,11,47)
```
#031041
```
#031041 rgb(3,16,65)
```
#041454
```
#041454 rgb(4,20,84)
```
#051967
```
#051967 rgb(5,25,103)
```
#061d79
```
#061d79 rgb(6,29,121)
```
#07228c
```
#07228c rgb(7,34,140)
```
#08269f
```
#08269f rgb(8,38,159)
```
#092bb1
```
#092bb1 rgb(9,43,177)
```
#0a2fc4
```
#0a2fc4 rgb(10,47,196)
```
#0b33d7
```
#0b33d7 rgb(11,51,215)
```
#0c38e9
```
#0c38e9 rgb(12,56,233)
```

Shade Color Variation

#1642f3
```
#1642f3 rgb(22,66,243)
```
#2851f4
```
#2851f4 rgb(40,81,244)
```
#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#4e6ff6
```
#4e6ff6 rgb(78,111,246)
```
#607ef7
```
#607ef7 rgb(96,126,247)
```
#738df8
```
#738df8 rgb(115,141,248)
```
#869df9
```
#869df9 rgb(134,157,249)
```
#98acfa
```
#98acfa rgb(152,172,250)
```
#abbbfb
```
#abbbfb rgb(171,187,251)
```
#becafc
```
#becafc rgb(190,202,252)
```
#d0d9fd
```
#d0d9fd rgb(208,217,253)
```
#e3e8fe
```
#e3e8fe rgb(227,232,254)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92949e is the less saturated color, while #335bfd is the most saturated one.

#92949e
```
#92949e rgb(146,148,158)
```
#8a90a6
```
#8a90a6 rgb(138,144,166)
```
#828bae
```
#828bae rgb(130,139,174)
```
#7a86b6
```
#7a86b6 rgb(122,134,182)
```
#7281be
```
#7281be rgb(114,129,190)
```
#6b7dc5
```
#6b7dc5 rgb(107,125,197)
```
#6378cd
```
#6378cd rgb(99,120,205)
```
#5b73d5
```
#5b73d5 rgb(91,115,213)
```
#536edd
```
#536edd rgb(83,110,221)
```
#4b6ae5
```
#4b6ae5 rgb(75,106,229)
```
#4365ed
```
#4365ed rgb(67,101,237)
```
#3b60f5
```
#3b60f5 rgb(59,96,245)
```
#335bfd
```
#335bfd rgb(51,91,253)
```

Tone Color Variation

Below, you can see how #3b60f5 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
#5d6583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c3 Deuteranopia 1% of men
#008289 Tritanopia 0.001% of the population

Trichromacy

#156ce8 Protanomaly 1% of men, 0.01% of women
#1570d5 Deuteranomaly 6% of men, 0.4% of women
#1575b0 Tritanomaly 0.01% of the population

#3b60f5 hex color

#3b60f5 Color Information

#3b60f5 Color Conversion

Color Schemes with #3b60f5

Alternatives to #3b60f5

#3b60f5 Preview

Shades and Tints of #3b60f5

Tones of #3b60f5

Color Blindness Simulator