#1f70bb hex color

In a RGB color space, hex #1f70bb is composed of 12.2% red, 43.9% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 40.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 208.8 degrees, a saturation of 71.6% and a lightness of 42.7%. #1f70bb color hex could be obtained by blending #3ee0ff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 44
- B 73
RGB color chart
- C 83
- M 40
- Y 0
- K 27
CMYK color chart

● #1f70bb color description : Strong blue.

The hexadecimal color #1f70bb has RGB values of R:31, G:112, B:187 and CMYK values of C:0.83, M:0.4, Y:0, K:0.27. Its decimal value is 2060475.

Hex triplet	1f70bb	`#1f70bb`
RGB Decimal	31, 112, 187	`rgb(31,112,187)`
RGB Percent	12.2, 43.9, 73.3	`rgb(12.2%,43.9%,73.3%)`
CMYK	83, 40, 0, 27
HSL	208.8°, 71.6, 42.7	`hsl(208.8,71.6%,42.7%)`
HSV (or HSB)	208.8°, 83.4, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.266, 3.761, -46.105
XYZ	15.327, 15.466, 49.188
xyY	0.192, 0.193, 15.466
CIE-LCH	46.266, 46.258, 274.663
CIE-LUV	46.266, -25.614, -69.673
Hunter-Lab	39.327, 0.744, -46.628
Binary	00011111, 01110000, 10111011

#1f70bb
```
#1f70bb rgb(31,112,187)
```
#bb6a1f
```
#bb6a1f rgb(187,106,31)
```

Complementary Color

#1fbbb8
```
#1fbbb8 rgb(31,187,184)
```
#1f70bb
```
#1f70bb rgb(31,112,187)
```
#1f22bb
```
#1f22bb rgb(31,34,187)
```

Analogous Color

#bbb81f
```
#bbb81f rgb(187,184,31)
```
#1f70bb
```
#1f70bb rgb(31,112,187)
```
#bb1f22
```
#bb1f22 rgb(187,31,34)
```

Split Complementary Color

#70bb1f
```
#70bb1f rgb(112,187,31)
```
#1f70bb
```
#1f70bb rgb(31,112,187)
```
#bb1f70
```
#bb1f70 rgb(187,31,112)
```

Triadic Color

#1fbb6a
```
#1fbb6a rgb(31,187,106)
```
#1f70bb
```
#1f70bb rgb(31,112,187)
```
#bb1f70
```
#bb1f70 rgb(187,31,112)
```
#bb6a1f
```
#bb6a1f rgb(187,106,31)
```

Tetradic Color

#144979
```
#144979 rgb(20,73,121)
```
#18568f
```
#18568f rgb(24,86,143)
```
#1b63a5
```
#1b63a5 rgb(27,99,165)
```
#1f70bb
```
#1f70bb rgb(31,112,187)
```
#237dd1
```
#237dd1 rgb(35,125,209)
```
#308add
```
#308add rgb(48,138,221)
```
#4696e0
```
#4696e0 rgb(70,150,224)
```

Monochromatic Color

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

#1f97bb
```
#1f97bb rgb(31,151,187)
```
#1f8abb
```
#1f8abb rgb(31,138,187)
```
#1f7dbb
```
#1f7dbb rgb(31,125,187)
```
#1f70bb
```
#1f70bb rgb(31,112,187)
```
#1f63bb
```
#1f63bb rgb(31,99,187)
```
#1f56bb
```
#1f56bb rgb(31,86,187)
```
#1f49bb
```
#1f49bb rgb(31,73,187)
```

Similar Colors

Text with hexadecimal color #1f70bb

This text has a font color of #1f70bb.

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

#1f70bb background color

This paragraph has a background color of #1f70bb.

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

#1f70bb border color

This element has a border color of #1f70bb.

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

CSS codes

.text {color:#1f70bb;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030b13
```
#030b13 rgb(3,11,19)
```
#061524
```
#061524 rgb(6,21,36)
```
#091f34
```
#091f34 rgb(9,31,52)
```
#0b2945
```
#0b2945 rgb(11,41,69)
```
#0e3456
```
#0e3456 rgb(14,52,86)
```
#113e67
```
#113e67 rgb(17,62,103)
```
#144878
```
#144878 rgb(20,72,120)
```
#175289
```
#175289 rgb(23,82,137)
```
#195c99
```
#195c99 rgb(25,92,153)
```
#1c66aa
```
#1c66aa rgb(28,102,170)
```
#1f70bb
```
#1f70bb rgb(31,112,187)
```
#227acc
```
#227acc rgb(34,122,204)
```

Shade Color Variation

#2684db
```
#2684db rgb(38,132,219)
```
#378ede
```
#378ede rgb(55,142,222)
```
#4897e1
```
#4897e1 rgb(72,151,225)
```
#59a1e3
```
#59a1e3 rgb(89,161,227)
```
#69aae6
```
#69aae6 rgb(105,170,230)
```
#7ab4e9
```
#7ab4e9 rgb(122,180,233)
```
#8bbdec
```
#8bbdec rgb(139,189,236)
```
#9cc7ef
```
#9cc7ef rgb(156,199,239)
```
#add0f1
```
#add0f1 rgb(173,208,241)
```
#bedaf4
```
#bedaf4 rgb(190,218,244)
```
#cee3f7
```
#cee3f7 rgb(206,227,247)
```
#dfedfa
```
#dfedfa rgb(223,237,250)
```
#f0f7fd
```
#f0f7fd rgb(240,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6d70 is the less saturated color, while #0671d4 is the most saturated one.

#6a6d70
```
#6a6d70 rgb(106,109,112)
```
#626d78
```
#626d78 rgb(98,109,120)
```
#5a6e80
```
#5a6e80 rgb(90,110,128)
```
#516e89
```
#516e89 rgb(81,110,137)
```
#496e91
```
#496e91 rgb(73,110,145)
```
#416f99
```
#416f99 rgb(65,111,153)
```
#386fa2
```
#386fa2 rgb(56,111,162)
```
#306faa
```
#306faa rgb(48,111,170)
```
#2770b3
```
#2770b3 rgb(39,112,179)
```
#1f70bb
```
#1f70bb rgb(31,112,187)
```
#1770c3
```
#1770c3 rgb(23,112,195)
```
#0e71cc
```
#0e71cc rgb(14,113,204)
```
#0671d4
```
#0671d4 rgb(6,113,212)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#536372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5472ba Protanopia 1% of men
#3676bf Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#4171ba Protanomaly 1% of men, 0.01% of women
#2d74bd Deuteranomaly 6% of men, 0.4% of women
#0b7a9b Tritanomaly 0.01% of the population

#1f70bb hex color

#1f70bb Color Information

#1f70bb Color Conversion

Color Schemes with #1f70bb

Alternatives to #1f70bb

#1f70bb Preview

Shades and Tints of #1f70bb

Tones of #1f70bb

Color Blindness Simulator