#3b5cf7 hex color

In a RGB color space, hex #3b5cf7 is composed of 23.1% red, 36.1% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 62.8% magenta, 0% yellow and 3.1% black. It has a hue angle of 229.5 degrees, a saturation of 92.2% and a lightness of 60%. #3b5cf7 color hex could be obtained by blending #76b8ff with #0000ef. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 36
- B 97
RGB color chart
- C 76
- M 63
- Y 0
- K 3
CMYK color chart

● #3b5cf7 color description : Bright blue.

The hexadecimal color #3b5cf7 has RGB values of R:59, G:92, B:247 and CMYK values of C:0.76, M:0.63, Y:0, K:0.03. Its decimal value is 3890423.

Hex triplet	3b5cf7	`#3b5cf7`
RGB Decimal	59, 92, 247	`rgb(59,92,247)`
RGB Percent	23.1, 36.1, 96.9	`rgb(23.1%,36.1%,96.9%)`
CMYK	76, 63, 0, 3
HSL	229.5°, 92.2, 60	`hsl(229.5,92.2%,60%)`
HSV (or HSB)	229.5°, 76.1, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.04, 41.505, -80.567
XYZ	22.416, 15.298, 89.762
xyY	0.176, 0.12, 15.298
CIE-LCH	46.04, 90.629, 297.256
CIE-LUV	46.04, -15.44, -122.192
Hunter-Lab	39.113, 33.853, -108.69
Binary	00111011, 01011100, 11110111

#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#f7d63b
```
#f7d63b rgb(247,214,59)
```

Complementary Color

#3bbaf7
```
#3bbaf7 rgb(59,186,247)
```
#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#783bf7
```
#783bf7 rgb(120,59,247)
```

Analogous Color

#baf73b
```
#baf73b rgb(186,247,59)
```
#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#f7783b
```
#f7783b rgb(247,120,59)
```

Split Complementary Color

#5cf73b
```
#5cf73b rgb(92,247,59)
```
#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#f73b5c
```
#f73b5c rgb(247,59,92)
```

Triadic Color

#3bf7d6
```
#3bf7d6 rgb(59,247,214)
```
#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#f73b5c
```
#f73b5c rgb(247,59,92)
```
#f7d63b
```
#f7d63b rgb(247,214,59)
```

Tetradic Color

#092edd
```
#092edd rgb(9,46,221)
```
#0a33f5
```
#0a33f5 rgb(10,51,245)
```
#2348f6
```
#2348f6 rgb(35,72,246)
```
#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#5470f8
```
#5470f8 rgb(84,112,248)
```
#6c85f9
```
#6c85f9 rgb(108,133,249)
```
#8599fa
```
#8599fa rgb(133,153,250)
```

Monochromatic Color

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

#3b8bf7
```
#3b8bf7 rgb(59,139,247)
```
#3b7bf7
```
#3b7bf7 rgb(59,123,247)
```
#3b6cf7
```
#3b6cf7 rgb(59,108,247)
```
#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#3b4cf7
```
#3b4cf7 rgb(59,76,247)
```
#3b3df7
```
#3b3df7 rgb(59,61,247)
```
#493bf7
```
#493bf7 rgb(73,59,247)
```

Similar Colors

Text with hexadecimal color #3b5cf7

This text has a font color of #3b5cf7.

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

#3b5cf7 background color

This paragraph has a background color of #3b5cf7.

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

#3b5cf7 border color

This element has a border color of #3b5cf7.

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

CSS codes

.text {color:#3b5cf7;}

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

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

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, #00020b is the darkest color, while #f7f9ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#01061e
```
#01061e rgb(1,6,30)
```
#020a31
```
#020a31 rgb(2,10,49)
```
#030e44
```
#030e44 rgb(3,14,68)
```
#041257
```
#041257 rgb(4,18,87)
```
#04166a
```
#04166a rgb(4,22,106)
```
#051a7c
```
#051a7c rgb(5,26,124)
```
#061e8f
```
#061e8f rgb(6,30,143)
```
#0722a2
```
#0722a2 rgb(7,34,162)
```
#0726b5
```
#0726b5 rgb(7,38,181)
```
#082ac8
```
#082ac8 rgb(8,42,200)
```
#092edb
```
#092edb rgb(9,46,219)
```
#0a32ed
```
#0a32ed rgb(10,50,237)
```

Shade Color Variation

#153df5
```
#153df5 rgb(21,61,245)
```
#284cf6
```
#284cf6 rgb(40,76,246)
```
#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#4e6cf8
```
#4e6cf8 rgb(78,108,248)
```
#617bf9
```
#617bf9 rgb(97,123,249)
```
#748bf9
```
#748bf9 rgb(116,139,249)
```
#869bfa
```
#869bfa rgb(134,155,250)
```
#99aafb
```
#99aafb rgb(153,170,251)
```
#acbafc
```
#acbafc rgb(172,186,252)
```
#bfcafc
```
#bfcafc rgb(191,202,252)
```
#d2d9fd
```
#d2d9fd rgb(210,217,253)
```
#e5e9fe
```
#e5e9fe rgb(229,233,254)
```
#f7f9ff
```
#f7f9ff rgb(247,249,255)
```

Tint Color Variation

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

#9194a1
```
#9194a1 rgb(145,148,161)
```
#898fa9
```
#898fa9 rgb(137,143,169)
```
#828ab0
```
#828ab0 rgb(130,138,176)
```
#7a85b8
```
#7a85b8 rgb(122,133,184)
```
#7280c0
```
#7280c0 rgb(114,128,192)
```
#6a7bc8
```
#6a7bc8 rgb(106,123,200)
```
#6275d0
```
#6275d0 rgb(98,117,208)
```
#5a70d8
```
#5a70d8 rgb(90,112,216)
```
#536bdf
```
#536bdf rgb(83,107,223)
```
#4b66e7
```
#4b66e7 rgb(75,102,231)
```
#4361ef
```
#4361ef rgb(67,97,239)
```
#3b5cf7
```
#3b5cf7 rgb(59,92,247)
```
#3357ff
```
#3357ff rgb(51,87,255)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5c6281 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1569e6 Protanomaly 1% of men, 0.01% of women
#156dd4 Deuteranomaly 6% of men, 0.4% of women
#1573af Tritanomaly 0.01% of the population

#3b5cf7 hex color

#3b5cf7 Color Information

#3b5cf7 Color Conversion

Color Schemes with #3b5cf7

Alternatives to #3b5cf7

#3b5cf7 Preview

Shades and Tints of #3b5cf7

Tones of #3b5cf7

Color Blindness Simulator