#1b70f6 hex color

In a RGB color space, hex #1b70f6 is composed of 10.6% red, 43.9% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 89% cyan, 54.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 216.7 degrees, a saturation of 92.4% and a lightness of 53.5%. #1b70f6 color hex could be obtained by blending #36e0ff with #0000ed. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 44
- B 96
RGB color chart
- C 89
- M 54
- Y 0
- K 4
CMYK color chart

● #1b70f6 color description : Vivid blue.

The hexadecimal color #1b70f6 has RGB values of R:27, G:112, B:246 and CMYK values of C:0.89, M:0.54, Y:0, K:0.04. Its decimal value is 1798390.

Hex triplet	1b70f6	`#1b70f6`
RGB Decimal	27, 112, 246	`rgb(27,112,246)`
RGB Percent	10.6, 43.9, 96.5	`rgb(10.6%,43.9%,96.5%)`
CMYK	89, 54, 0, 4
HSL	216.7°, 92.4, 53.5	`hsl(216.7,92.4%,53.5%)`
HSV (or HSB)	216.7°, 89, 96.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.065, 26.258, -73.474
XYZ	22.877, 18.473, 89.544
xyY	0.175, 0.141, 18.473
CIE-LCH	50.065, 78.025, 289.666
CIE-LUV	50.065, -24.02, -114.509
Hunter-Lab	42.98, 19.794, -93.436
Binary	00011011, 01110000, 11110110

#1b70f6
```
#1b70f6 rgb(27,112,246)
```
#f6a11b
```
#f6a11b rgb(246,161,27)
```

Complementary Color

#1bdef6
```
#1bdef6 rgb(27,222,246)
```
#1b70f6
```
#1b70f6 rgb(27,112,246)
```
#341bf6
```
#341bf6 rgb(52,27,246)
```

Analogous Color

#def61b
```
#def61b rgb(222,246,27)
```
#1b70f6
```
#1b70f6 rgb(27,112,246)
```
#f6331b
```
#f6331b rgb(246,51,27)
```

Split Complementary Color

#70f61b
```
#70f61b rgb(112,246,27)
```
#1b70f6
```
#1b70f6 rgb(27,112,246)
```
#f61b70
```
#f61b70 rgb(246,27,112)
```

Triadic Color

#1bf6a1
```
#1bf6a1 rgb(27,246,161)
```
#1b70f6
```
#1b70f6 rgb(27,112,246)
```
#f61b70
```
#f61b70 rgb(246,27,112)
```
#f6a11b
```
#f6a11b rgb(246,161,27)
```

Tetradic Color

#074ebd
```
#074ebd rgb(7,78,189)
```
#0858d6
```
#0858d6 rgb(8,88,214)
```
#0962ee
```
#0962ee rgb(9,98,238)
```
#1b70f6
```
#1b70f6 rgb(27,112,246)
```
#347ff7
```
#347ff7 rgb(52,127,247)
```
#4c8ff8
```
#4c8ff8 rgb(76,143,248)
```
#659ef9
```
#659ef9 rgb(101,158,249)
```

Monochromatic Color

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

#1ba7f6
```
#1ba7f6 rgb(27,167,246)
```
#1b95f6
```
#1b95f6 rgb(27,149,246)
```
#1b82f6
```
#1b82f6 rgb(27,130,246)
```
#1b70f6
```
#1b70f6 rgb(27,112,246)
```
#1b5ef6
```
#1b5ef6 rgb(27,94,246)
```
#1b4cf6
```
#1b4cf6 rgb(27,76,246)
```
#1b39f6
```
#1b39f6 rgb(27,57,246)
```

Similar Colors

Text with hexadecimal color #1b70f6

This text has a font color of #1b70f6.

<span style="color:#1b70f6;">Text here</span>

#1b70f6 background color

This paragraph has a background color of #1b70f6.

<p style="background-color:#1b70f6;">Content here</p>

#1b70f6 border color

This element has a border color of #1b70f6.

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

CSS codes

.text {color:#1b70f6;}

.background {background-color:#1b70f6;}

.border {border:1px solid #1b70f6;}

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

#010711
```
#010711 rgb(1,7,17)
```
#010f24
```
#010f24 rgb(1,15,36)
```
#021737
```
#021737 rgb(2,23,55)
```
#031e4a
```
#031e4a rgb(3,30,74)
```
#04265d
```
#04265d rgb(4,38,93)
```
#042e70
```
#042e70 rgb(4,46,112)
```
#053683
```
#053683 rgb(5,54,131)
```
#063e95
```
#063e95 rgb(6,62,149)
```
#0745a8
```
#0745a8 rgb(7,69,168)
```
#074dbb
```
#074dbb rgb(7,77,187)
```
#0855ce
```
#0855ce rgb(8,85,206)
```
#095de1
```
#095de1 rgb(9,93,225)
```
#0a64f4
```
#0a64f4 rgb(10,100,244)
```

Shade Color Variation

#1b70f6
```
#1b70f6 rgb(27,112,246)
```
#2e7cf7
```
#2e7cf7 rgb(46,124,247)
```
#4188f7
```
#4188f7 rgb(65,136,247)
```
#5494f8
```
#5494f8 rgb(84,148,248)
```
#669ff9
```
#669ff9 rgb(102,159,249)
```
#79abfa
```
#79abfa rgb(121,171,250)
```
#8cb7fa
```
#8cb7fa rgb(140,183,250)
```
#9fc3fb
```
#9fc3fb rgb(159,195,251)
```
#b2cffc
```
#b2cffc rgb(178,207,252)
```
#c5dbfd
```
#c5dbfd rgb(197,219,253)
```
#d8e6fd
```
#d8e6fd rgb(216,230,253)
```
#ebf2fe
```
#ebf2fe rgb(235,242,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#888889
```
#888889 rgb(136,136,137)
```
#7f8692
```
#7f8692 rgb(127,134,146)
```
#76849b
```
#76849b rgb(118,132,155)
```
#6d82a4
```
#6d82a4 rgb(109,130,164)
```
#6480ad
```
#6480ad rgb(100,128,173)
```
#5b7eb6
```
#5b7eb6 rgb(91,126,182)
```
#527cbf
```
#527cbf rgb(82,124,191)
```
#497ac8
```
#497ac8 rgb(73,122,200)
```
#3f78d2
```
#3f78d2 rgb(63,120,210)
```
#3676db
```
#3676db rgb(54,118,219)
```
#2d74e4
```
#2d74e4 rgb(45,116,228)
```
#2472ed
```
#2472ed rgb(36,114,237)
```
#1b70f6
```
#1b70f6 rgb(27,112,246)
```

Tone Color Variation

Below, you can see how #1b70f6 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

#666666 Achromatopsia 0.005% of the population
#576883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007aef Protanopia 1% of men
#0081d1 Deuteranopia 1% of men
#008a92 Tritanopia 0.001% of the population

Trichromacy

#0976f2 Protanomaly 1% of men, 0.01% of women
#097ade Deuteranomaly 6% of men, 0.4% of women
#0980b6 Tritanomaly 0.01% of the population

#1b70f6 hex color

#1b70f6 Color Information

#1b70f6 Color Conversion

Color Schemes with #1b70f6

Alternatives to #1b70f6

#1b70f6 Preview

Shades and Tints of #1b70f6

Tones of #1b70f6

Color Blindness Simulator