#3b6afe hex color

In a RGB color space, hex #3b6afe is composed of 23.1% red, 41.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 58.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 225.5 degrees, a saturation of 99% and a lightness of 61.4%. #3b6afe color hex could be obtained by blending #76d4ff with #0000fd. Closest websafe color is: #3366ff.

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

● #3b6afe color description : Bright blue.

The hexadecimal color #3b6afe has RGB values of R:59, G:106, B:254 and CMYK values of C:0.77, M:0.58, Y:0, K:0. Its decimal value is 3894014.

Hex triplet	3b6afe	`#3b6afe`
RGB Decimal	59, 106, 254	`rgb(59,106,254)`
RGB Percent	23.1, 41.6, 99.6	`rgb(23.1%,41.6%,99.6%)`
CMYK	77, 58, 0, 0
HSL	225.5°, 99, 61.4	`hsl(225.5,99%,61.4%)`
HSV (or HSB)	225.5°, 76.8, 99.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.968, 35.344, -78.042
XYZ	24.843, 18.392, 96.001
xyY	0.178, 0.132, 18.392
CIE-LCH	49.968, 85.672, 294.365
CIE-LUV	49.968, -18.868, -121.586
Hunter-Lab	42.886, 28.353, -102.703
Binary	00111011, 01101010, 11111110

#3b6afe
```
#3b6afe rgb(59,106,254)
```
#fecf3b
```
#fecf3b rgb(254,207,59)
```

Complementary Color

#3bccfe
```
#3bccfe rgb(59,204,254)
```
#3b6afe
```
#3b6afe rgb(59,106,254)
```
#6e3bfe
```
#6e3bfe rgb(110,59,254)
```

Analogous Color

#ccfe3b
```
#ccfe3b rgb(204,254,59)
```
#3b6afe
```
#3b6afe rgb(59,106,254)
```
#fe6e3b
```
#fe6e3b rgb(254,110,59)
```

Split Complementary Color

#6afe3b
```
#6afe3b rgb(106,254,59)
```
#3b6afe
```
#3b6afe rgb(59,106,254)
```
#fe3b6a
```
#fe3b6a rgb(254,59,106)
```

Triadic Color

#3bfecf
```
#3bfecf rgb(59,254,207)
```
#3b6afe
```
#3b6afe rgb(59,106,254)
```
#fe3b6a
```
#fe3b6a rgb(254,59,106)
```
#fecf3b
```
#fecf3b rgb(254,207,59)
```

Tetradic Color

#013aeb
```
#013aeb rgb(1,58,235)
```
#0843fe
```
#0843fe rgb(8,67,254)
```
#2257fe
```
#2257fe rgb(34,87,254)
```
#3b6afe
```
#3b6afe rgb(59,106,254)
```
#547dfe
```
#547dfe rgb(84,125,254)
```
#6e91fe
```
#6e91fe rgb(110,145,254)
```
#87a4fe
```
#87a4fe rgb(135,164,254)
```

Monochromatic Color

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

#3b9bfe
```
#3b9bfe rgb(59,155,254)
```
#3b8bfe
```
#3b8bfe rgb(59,139,254)
```
#3b7afe
```
#3b7afe rgb(59,122,254)
```
#3b6afe
```
#3b6afe rgb(59,106,254)
```
#3b5afe
```
#3b5afe rgb(59,90,254)
```
#3b49fe
```
#3b49fe rgb(59,73,254)
```
#3d3bfe
```
#3d3bfe rgb(61,59,254)
```

Similar Colors

Text with hexadecimal color #3b6afe

This text has a font color of #3b6afe.

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

#3b6afe background color

This paragraph has a background color of #3b6afe.

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

#3b6afe border color

This element has a border color of #3b6afe.

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

CSS codes

.text {color:#3b6afe;}

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

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

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

#000513
```
#000513 rgb(0,5,19)
```
#000926
```
#000926 rgb(0,9,38)
```
#000e3a
```
#000e3a rgb(0,14,58)
```
#00134d
```
#00134d rgb(0,19,77)
```
#001861
```
#001861 rgb(0,24,97)
```
#011c74
```
#011c74 rgb(1,28,116)
```
#012188
```
#012188 rgb(1,33,136)
```
#01269b
```
#01269b rgb(1,38,155)
```
#012baf
```
#012baf rgb(1,43,175)
```
#0130c2
```
#0130c2 rgb(1,48,194)
```
#0134d6
```
#0134d6 rgb(1,52,214)
```
#0139e9
```
#0139e9 rgb(1,57,233)
```
#013efd
```
#013efd rgb(1,62,253)
```

Shade Color Variation

#144cfe
```
#144cfe rgb(20,76,254)
```
#275bfe
```
#275bfe rgb(39,91,254)
```
#3b6afe
```
#3b6afe rgb(59,106,254)
```
#4f79fe
```
#4f79fe rgb(79,121,254)
```
#6288fe
```
#6288fe rgb(98,136,254)
```
#7697fe
```
#7697fe rgb(118,151,254)
```
#89a5fe
```
#89a5fe rgb(137,165,254)
```
#9db4fe
```
#9db4fe rgb(157,180,254)
```
#b0c3ff
```
#b0c3ff rgb(176,195,255)
```
#c4d2ff
```
#c4d2ff rgb(196,210,255)
```
#d7e1ff
```
#d7e1ff rgb(215,225,255)
```
#ebf0ff
```
#ebf0ff rgb(235,240,255)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9699a3
```
#9699a3 rgb(150,153,163)
```
#8e95ab
```
#8e95ab rgb(142,149,171)
```
#8791b2
```
#8791b2 rgb(135,145,178)
```
#7f8dba
```
#7f8dba rgb(127,141,186)
```
#7889c1
```
#7889c1 rgb(120,137,193)
```
#7085c9
```
#7085c9 rgb(112,133,201)
```
#6882d1
```
#6882d1 rgb(104,130,209)
```
#617ed8
```
#617ed8 rgb(97,126,216)
```
#597ae0
```
#597ae0 rgb(89,122,224)
```
#5276e7
```
#5276e7 rgb(82,118,231)
```
#4a72ef
```
#4a72ef rgb(74,114,239)
```
#436ef6
```
#436ef6 rgb(67,110,246)
```
#3b6afe
```
#3b6afe rgb(59,106,254)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#636c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aee Protanopia 1% of men
#0080d0 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

#1574f4 Protanomaly 1% of men, 0.01% of women
#1578e1 Deuteranomaly 6% of men, 0.4% of women
#157eb9 Tritanomaly 0.01% of the population

#3b6afe hex color

#3b6afe Color Information

#3b6afe Color Conversion

Color Schemes with #3b6afe

Alternatives to #3b6afe

#3b6afe Preview

Shades and Tints of #3b6afe

Tones of #3b6afe

Color Blindness Simulator