#3b80f1 hex color

In a RGB color space, hex #3b80f1 is composed of 23.1% red, 50.2% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 46.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 217.3 degrees, a saturation of 86.7% and a lightness of 58.8%. #3b80f1 color hex could be obtained by blending #76ffff with #0001e3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 23
- G 50
- B 95
RGB color chart
- C 76
- M 47
- Y 0
- K 5
CMYK color chart

● #3b80f1 color description : Bright blue.

The hexadecimal color #3b80f1 has RGB values of R:59, G:128, B:241 and CMYK values of C:0.76, M:0.47, Y:0, K:0.05. Its decimal value is 3899633.

Hex triplet	3b80f1	`#3b80f1`
RGB Decimal	59, 128, 241	`rgb(59,128,241)`
RGB Percent	23.1, 50.2, 94.5	`rgb(23.1%,50.2%,94.5%)`
CMYK	76, 47, 0, 5
HSL	217.3°, 86.7, 58.8	`hsl(217.3,86.7%,58.8%)`
HSV (or HSB)	217.3°, 75.5, 94.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	54.78, 16.959, -63.027
XYZ	25.396, 22.717, 86.261
xyY	0.189, 0.169, 22.717
CIE-LCH	54.78, 65.268, 285.06
CIE-LUV	54.78, -25.128, -100.537
Hunter-Lab	47.662, 11.703, -73.941
Binary	00111011, 10000000, 11110001

#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#f1ac3b
```
#f1ac3b rgb(241,172,59)
```

Complementary Color

#3bdbf1
```
#3bdbf1 rgb(59,219,241)
```
#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#513bf1
```
#513bf1 rgb(81,59,241)
```

Analogous Color

#dbf13b
```
#dbf13b rgb(219,241,59)
```
#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#f1513b
```
#f1513b rgb(241,81,59)
```

Split Complementary Color

#80f13b
```
#80f13b rgb(128,241,59)
```
#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#f13b80
```
#f13b80 rgb(241,59,128)
```

Triadic Color

#3bf1ac
```
#3bf1ac rgb(59,241,172)
```
#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#f13b80
```
#f13b80 rgb(241,59,128)
```
#f1ac3b
```
#f1ac3b rgb(241,172,59)
```

Tetradic Color

#0f58d1
```
#0f58d1 rgb(15,88,209)
```
#1162e8
```
#1162e8 rgb(17,98,232)
```
#2371ef
```
#2371ef rgb(35,113,239)
```
#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#538ff3
```
#538ff3 rgb(83,143,243)
```
#6b9ff4
```
#6b9ff4 rgb(107,159,244)
```
#82aef6
```
#82aef6 rgb(130,174,246)
```

Monochromatic Color

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

#3baef1
```
#3baef1 rgb(59,174,241)
```
#3b9ef1
```
#3b9ef1 rgb(59,158,241)
```
#3b8ff1
```
#3b8ff1 rgb(59,143,241)
```
#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#3b71f1
```
#3b71f1 rgb(59,113,241)
```
#3b62f1
```
#3b62f1 rgb(59,98,241)
```
#3b52f1
```
#3b52f1 rgb(59,82,241)
```

Similar Colors

Text with hexadecimal color #3b80f1

This text has a font color of #3b80f1.

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

#3b80f1 background color

This paragraph has a background color of #3b80f1.

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

#3b80f1 border color

This element has a border color of #3b80f1.

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

CSS codes

.text {color:#3b80f1;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020a18
```
#020a18 rgb(2,10,24)
```
#03122a
```
#03122a rgb(3,18,42)
```
#041a3c
```
#041a3c rgb(4,26,60)
```
#06214f
```
#06214f rgb(6,33,79)
```
#072961
```
#072961 rgb(7,41,97)
```
#083173
```
#083173 rgb(8,49,115)
```
#0a3986
```
#0a3986 rgb(10,57,134)
```
#0b4098
```
#0b4098 rgb(11,64,152)
```
#0c48aa
```
#0c48aa rgb(12,72,170)
```
#0d50bc
```
#0d50bc rgb(13,80,188)
```
#0f58cf
```
#0f58cf rgb(15,88,207)
```
#105fe1
```
#105fe1 rgb(16,95,225)
```

Shade Color Variation

#1668ee
```
#1668ee rgb(22,104,238)
```
#2974f0
```
#2974f0 rgb(41,116,240)
```
#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#4d8cf2
```
#4d8cf2 rgb(77,140,242)
```
#6098f4
```
#6098f4 rgb(96,152,244)
```
#72a4f5
```
#72a4f5 rgb(114,164,245)
```
#84aff6
```
#84aff6 rgb(132,175,246)
```
#97bbf8
```
#97bbf8 rgb(151,187,248)
```
#a9c7f9
```
#a9c7f9 rgb(169,199,249)
```
#bbd3fa
```
#bbd3fa rgb(187,211,250)
```
#cddffb
```
#cddffb rgb(205,223,251)
```
#e0ebfd
```
#e0ebfd rgb(224,235,253)
```
#f2f7fe
```
#f2f7fe rgb(242,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #949598 is the less saturated color, while #337ef9 is the most saturated one.

#949598
```
#949598 rgb(148,149,152)
```
#8c94a0
```
#8c94a0 rgb(140,148,160)
```
#8492a8
```
#8492a8 rgb(132,146,168)
```
#7c90b0
```
#7c90b0 rgb(124,144,176)
```
#748eb8
```
#748eb8 rgb(116,142,184)
```
#6b8cc1
```
#6b8cc1 rgb(107,140,193)
```
#638ac9
```
#638ac9 rgb(99,138,201)
```
#5b88d1
```
#5b88d1 rgb(91,136,209)
```
#5386d9
```
#5386d9 rgb(83,134,217)
```
#4b84e1
```
#4b84e1 rgb(75,132,225)
```
#4382e9
```
#4382e9 rgb(67,130,233)
```
#3b80f1
```
#3b80f1 rgb(59,128,241)
```
#337ef9
```
#337ef9 rgb(51,126,249)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#6c7a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b86f1 Protanopia 1% of men
#008be8 Deuteranopia 1% of men
#0097a0 Tritanopia 0.001% of the population

Trichromacy

#4583f1 Protanomaly 1% of men, 0.01% of women
#1587eb Deuteranomaly 6% of men, 0.4% of women
#158ebd Tritanomaly 0.01% of the population

#3b80f1 hex color

#3b80f1 Color Information

#3b80f1 Color Conversion

Color Schemes with #3b80f1

Alternatives to #3b80f1

#3b80f1 Preview

Shades and Tints of #3b80f1

Tones of #3b80f1

Color Blindness Simulator