#3b5af7 hex color

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

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

● #3b5af7 color description : Bright blue.

The hexadecimal color #3b5af7 has RGB values of R:59, G:90, B:247 and CMYK values of C:0.76, M:0.64, Y:0, K:0.03. Its decimal value is 3889911.

Hex triplet	3b5af7	`#3b5af7`
RGB Decimal	59, 90, 247	`rgb(59,90,247)`
RGB Percent	23.1, 35.3, 96.9	`rgb(23.1%,35.3%,96.9%)`
CMYK	76, 64, 0, 3
HSL	230.1°, 92.2, 60	`hsl(230.1,92.2%,60%)`
HSV (or HSB)	230.1°, 76.1, 96.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.574, 42.725, -81.33
XYZ	22.245, 14.956, 89.705
xyY	0.175, 0.118, 14.956
CIE-LCH	45.574, 91.869, 297.714
CIE-LUV	45.574, -14.989, -122.831
Hunter-Lab	38.673, 34.996, -110.457
Binary	00111011, 01011010, 11110111

#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#f7d83b
```
#f7d83b rgb(247,216,59)
```

Complementary Color

#3bb8f7
```
#3bb8f7 rgb(59,184,247)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#7a3bf7
```
#7a3bf7 rgb(122,59,247)
```

Analogous Color

#b8f73b
```
#b8f73b rgb(184,247,59)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#f77a3b
```
#f77a3b rgb(247,122,59)
```

Split Complementary Color

#5af73b
```
#5af73b rgb(90,247,59)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#f73b5a
```
#f73b5a rgb(247,59,90)
```

Triadic Color

#3bf7d8
```
#3bf7d8 rgb(59,247,216)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#f73b5a
```
#f73b5a rgb(247,59,90)
```
#f7d83b
```
#f7d83b rgb(247,216,59)
```

Tetradic Color

#092cdd
```
#092cdd rgb(9,44,221)
```
#0a31f5
```
#0a31f5 rgb(10,49,245)
```
#2345f6
```
#2345f6 rgb(35,69,246)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#546ff8
```
#546ff8 rgb(84,111,248)
```
#6c83f9
```
#6c83f9 rgb(108,131,249)
```
#8598fa
```
#8598fa rgb(133,152,250)
```

Monochromatic Color

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

#3b89f7
```
#3b89f7 rgb(59,137,247)
```
#3b79f7
```
#3b79f7 rgb(59,121,247)
```
#3b6af7
```
#3b6af7 rgb(59,106,247)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#3b4af7
```
#3b4af7 rgb(59,74,247)
```
#3b3bf7
```
#3b3bf7 rgb(59,59,247)
```
#4b3bf7
```
#4b3bf7 rgb(75,59,247)
```

Similar Colors

Text with hexadecimal color #3b5af7

This text has a font color of #3b5af7.

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

#3b5af7 background color

This paragraph has a background color of #3b5af7.

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

#3b5af7 border color

This element has a border color of #3b5af7.

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

CSS codes

.text {color:#3b5af7;}

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

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

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)
```
#041157
```
#041157 rgb(4,17,87)
```
#04156a
```
#04156a rgb(4,21,106)
```
#05197c
```
#05197c rgb(5,25,124)
```
#061d8f
```
#061d8f rgb(6,29,143)
```
#0720a2
```
#0720a2 rgb(7,32,162)
```
#0724b5
```
#0724b5 rgb(7,36,181)
```
#0828c8
```
#0828c8 rgb(8,40,200)
```
#092cdb
```
#092cdb rgb(9,44,219)
```
#0a2fed
```
#0a2fed rgb(10,47,237)
```

Shade Color Variation

#153af5
```
#153af5 rgb(21,58,245)
```
#284af6
```
#284af6 rgb(40,74,246)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#4e6af8
```
#4e6af8 rgb(78,106,248)
```
#617af9
```
#617af9 rgb(97,122,249)
```
#748af9
```
#748af9 rgb(116,138,249)
```
#8699fa
```
#8699fa rgb(134,153,250)
```
#99a9fb
```
#99a9fb rgb(153,169,251)
```
#acb9fc
```
#acb9fc rgb(172,185,252)
```
#bfc9fc
```
#bfc9fc rgb(191,201,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 #3355ff is the most saturated one.

#9194a1
```
#9194a1 rgb(145,148,161)
```
#898fa9
```
#898fa9 rgb(137,143,169)
```
#8289b0
```
#8289b0 rgb(130,137,176)
```
#7a84b8
```
#7a84b8 rgb(122,132,184)
```
#727fc0
```
#727fc0 rgb(114,127,192)
```
#6a7ac8
```
#6a7ac8 rgb(106,122,200)
```
#6274d0
```
#6274d0 rgb(98,116,208)
```
#5a6fd8
```
#5a6fd8 rgb(90,111,216)
```
#536adf
```
#536adf rgb(83,106,223)
```
#4b65e7
```
#4b65e7 rgb(75,101,231)
```
#435fef
```
#435fef rgb(67,95,239)
```
#3b5af7
```
#3b5af7 rgb(59,90,247)
```
#3355ff
```
#3355ff rgb(51,85,255)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5b6181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076be Deuteranopia 1% of men
#007e85 Tritanopia 0.001% of the population

Trichromacy

#1568e5 Protanomaly 1% of men, 0.01% of women
#156cd3 Deuteranomaly 6% of men, 0.4% of women
#1571af Tritanomaly 0.01% of the population

#3b5af7 hex color

#3b5af7 Color Information

#3b5af7 Color Conversion

Color Schemes with #3b5af7

Alternatives to #3b5af7

#3b5af7 Preview

Shades and Tints of #3b5af7

Tones of #3b5af7

Color Blindness Simulator