#3b5ff5 hex color

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

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

● #3b5ff5 color description : Bright blue.

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

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

CIE-LAB	46.585, 38.96, -78.555
XYZ	22.374, 15.705, 88.233
xyY	0.177, 0.124, 15.705
CIE-LCH	46.585, 87.686, 296.379
CIE-LUV	46.585, -16.113, -119.847
Hunter-Lab	39.63, 31.424, -104.265
Binary	00111011, 01011111, 11110101

#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#f5d13b
```
#f5d13b rgb(245,209,59)
```

Complementary Color

#3bbcf5
```
#3bbcf5 rgb(59,188,245)
```
#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#743bf5
```
#743bf5 rgb(116,59,245)
```

Analogous Color

#bcf53b
```
#bcf53b rgb(188,245,59)
```
#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#f5743b
```
#f5743b rgb(245,116,59)
```

Split Complementary Color

#5ff53b
```
#5ff53b rgb(95,245,59)
```
#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#f53b5f
```
#f53b5f rgb(245,59,95)
```

Triadic Color

#3bf5d1
```
#3bf5d1 rgb(59,245,209)
```
#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#f53b5f
```
#f53b5f rgb(245,59,95)
```
#f5d13b
```
#f5d13b rgb(245,209,59)
```

Tetradic Color

#0b33d8
```
#0b33d8 rgb(11,51,216)
```
#0c38f1
```
#0c38f1 rgb(12,56,241)
```
#234bf4
```
#234bf4 rgb(35,75,244)
```
#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#5373f6
```
#5373f6 rgb(83,115,246)
```
#6c87f7
```
#6c87f7 rgb(108,135,247)
```
#849af9
```
#849af9 rgb(132,154,249)
```

Monochromatic Color

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

#3b8ef5
```
#3b8ef5 rgb(59,142,245)
```
#3b7ef5
```
#3b7ef5 rgb(59,126,245)
```
#3b6ff5
```
#3b6ff5 rgb(59,111,245)
```
#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#3b50f5
```
#3b50f5 rgb(59,80,245)
```
#3b40f5
```
#3b40f5 rgb(59,64,245)
```
#463bf5
```
#463bf5 rgb(70,59,245)
```

Similar Colors

Text with hexadecimal color #3b5ff5

This text has a font color of #3b5ff5.

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

#3b5ff5 background color

This paragraph has a background color of #3b5ff5.

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

#3b5ff5 border color

This element has a border color of #3b5ff5.

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

CSS codes

.text {color:#3b5ff5;}

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

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

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)
```
#030f41
```
#030f41 rgb(3,15,65)
```
#041454
```
#041454 rgb(4,20,84)
```
#051867
```
#051867 rgb(5,24,103)
```
#061c79
```
#061c79 rgb(6,28,121)
```
#07218c
```
#07218c rgb(7,33,140)
```
#08259f
```
#08259f rgb(8,37,159)
```
#092ab1
```
#092ab1 rgb(9,42,177)
```
#0a2ec4
```
#0a2ec4 rgb(10,46,196)
```
#0b32d7
```
#0b32d7 rgb(11,50,215)
```
#0c37e9
```
#0c37e9 rgb(12,55,233)
```

Shade Color Variation

#1641f3
```
#1641f3 rgb(22,65,243)
```
#2850f4
```
#2850f4 rgb(40,80,244)
```
#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#4e6ef6
```
#4e6ef6 rgb(78,110,246)
```
#607df7
```
#607df7 rgb(96,125,247)
```
#738df8
```
#738df8 rgb(115,141,248)
```
#869cf9
```
#869cf9 rgb(134,156,249)
```
#98abfa
```
#98abfa rgb(152,171,250)
```
#abbafb
```
#abbafb rgb(171,186,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 #335afd 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)
```
#6b7cc5
```
#6b7cc5 rgb(107,124,197)
```
#6377cd
```
#6377cd rgb(99,119,205)
```
#5b72d5
```
#5b72d5 rgb(91,114,213)
```
#536edd
```
#536edd rgb(83,110,221)
```
#4b69e5
```
#4b69e5 rgb(75,105,229)
```
#4364ed
```
#4364ed rgb(67,100,237)
```
#3b5ff5
```
#3b5ff5 rgb(59,95,245)
```
#335afd
```
#335afd rgb(51,90,253)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5d6482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072df Protanopia 1% of men
#0078c2 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#156be7 Protanomaly 1% of men, 0.01% of women
#156fd5 Deuteranomaly 6% of men, 0.4% of women
#1575b0 Tritanomaly 0.01% of the population

#3b5ff5 hex color

#3b5ff5 Color Information

#3b5ff5 Color Conversion

Color Schemes with #3b5ff5

Alternatives to #3b5ff5

#3b5ff5 Preview

Shades and Tints of #3b5ff5

Tones of #3b5ff5

Color Blindness Simulator