#1f70c8 hex color

In a RGB color space, hex #1f70c8 is composed of 12.2% red, 43.9% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 44% magenta, 0% yellow and 21.6% black. It has a hue angle of 211.2 degrees, a saturation of 73.2% and a lightness of 45.3%. #1f70c8 color hex could be obtained by blending #3ee0ff with #000091. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 44
- B 78
RGB color chart
- C 85
- M 44
- Y 0
- K 22
CMYK color chart

● #1f70c8 color description : Strong blue.

The hexadecimal color #1f70c8 has RGB values of R:31, G:112, B:200 and CMYK values of C:0.85, M:0.44, Y:0, K:0.22. Its decimal value is 2060488.

Hex triplet	1f70c8	`#1f70c8`
RGB Decimal	31, 112, 200	`rgb(31,112,200)`
RGB Percent	12.2, 43.9, 78.4	`rgb(12.2%,43.9%,78.4%)`
CMYK	85, 44, 0, 22
HSL	211.2°, 73.2, 45.3	`hsl(211.2,73.2%,45.3%)`
HSV (or HSB)	211.2°, 84.5, 78.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.038, 8.79, -52.365
XYZ	16.782, 16.048, 56.854
xyY	0.187, 0.179, 16.048
CIE-LCH	47.038, 53.097, 279.529
CIE-LUV	47.038, -25.085, -80.059
Hunter-Lab	40.06, 4.672, -56.102
Binary	00011111, 01110000, 11001000

#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#c8771f
```
#c8771f rgb(200,119,31)
```

Complementary Color

#1fc5c8
```
#1fc5c8 rgb(31,197,200)
```
#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#231fc8
```
#231fc8 rgb(35,31,200)
```

Analogous Color

#c5c81f
```
#c5c81f rgb(197,200,31)
```
#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#c8231f
```
#c8231f rgb(200,35,31)
```

Split Complementary Color

#70c81f
```
#70c81f rgb(112,200,31)
```
#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#c81f70
```
#c81f70 rgb(200,31,112)
```

Triadic Color

#1fc877
```
#1fc877 rgb(31,200,119)
```
#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#c81f70
```
#c81f70 rgb(200,31,112)
```
#c8771f
```
#c8771f rgb(200,119,31)
```

Tetradic Color

#154b86
```
#154b86 rgb(21,75,134)
```
#18579c
```
#18579c rgb(24,87,156)
```
#1c64b2
```
#1c64b2 rgb(28,100,178)
```
#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#247cdd
```
#247cdd rgb(36,124,221)
```
#3a8ae0
```
#3a8ae0 rgb(58,138,224)
```
#5097e4
```
#5097e4 rgb(80,151,228)
```

Monochromatic Color

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

#1f9ac8
```
#1f9ac8 rgb(31,154,200)
```
#1f8cc8
```
#1f8cc8 rgb(31,140,200)
```
#1f7ec8
```
#1f7ec8 rgb(31,126,200)
```
#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#1f62c8
```
#1f62c8 rgb(31,98,200)
```
#1f54c8
```
#1f54c8 rgb(31,84,200)
```
#1f46c8
```
#1f46c8 rgb(31,70,200)
```

Similar Colors

Text with hexadecimal color #1f70c8

This text has a font color of #1f70c8.

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

#1f70c8 background color

This paragraph has a background color of #1f70c8.

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

#1f70c8 border color

This element has a border color of #1f70c8.

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

CSS codes

.text {color:#1f70c8;}

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

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

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, #02070d is the darkest color, while #fbfdfe is the lightest one.

#02070d
```
#02070d rgb(2,7,13)
```
#05111e
```
#05111e rgb(5,17,30)
```
#071a2f
```
#071a2f rgb(7,26,47)
```
#0a2440
```
#0a2440 rgb(10,36,64)
```
#0d2d51
```
#0d2d51 rgb(13,45,81)
```
#0f3762
```
#0f3762 rgb(15,55,98)
```
#124073
```
#124073 rgb(18,64,115)
```
#144a84
```
#144a84 rgb(20,74,132)
```
#175395
```
#175395 rgb(23,83,149)
```
#1a5da6
```
#1a5da6 rgb(26,93,166)
```
#1c66b7
```
#1c66b7 rgb(28,102,183)
```
#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#227ad9
```
#227ad9 rgb(34,122,217)
```

Shade Color Variation

#2f83df
```
#2f83df rgb(47,131,223)
```
#408ee1
```
#408ee1 rgb(64,142,225)
```
#5198e4
```
#5198e4 rgb(81,152,228)
```
#62a2e7
```
#62a2e7 rgb(98,162,231)
```
#73ace9
```
#73ace9 rgb(115,172,233)
```
#84b6ec
```
#84b6ec rgb(132,182,236)
```
#95c0ef
```
#95c0ef rgb(149,192,239)
```
#a6caf1
```
#a6caf1 rgb(166,202,241)
```
#b7d4f4
```
#b7d4f4 rgb(183,212,244)
```
#c8def7
```
#c8def7 rgb(200,222,247)
```
#d9e9f9
```
#d9e9f9 rgb(217,233,249)
```
#eaf3fc
```
#eaf3fc rgb(234,243,252)
```
#fbfdfe
```
#fbfdfe rgb(251,253,254)
```

Tint Color Variation

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

#6f7378
```
#6f7378 rgb(111,115,120)
```
#667381
```
#667381 rgb(102,115,129)
```
#5d738a
```
#5d738a rgb(93,115,138)
```
#547293
```
#547293 rgb(84,114,147)
```
#4b729c
```
#4b729c rgb(75,114,156)
```
#4371a4
```
#4371a4 rgb(67,113,164)
```
#3a71ad
```
#3a71ad rgb(58,113,173)
```
#3171b6
```
#3171b6 rgb(49,113,182)
```
#2870bf
```
#2870bf rgb(40,112,191)
```
#1f70c8
```
#1f70c8 rgb(31,112,200)
```
#1670d1
```
#1670d1 rgb(22,112,209)
```
#0d6fda
```
#0d6fda rgb(13,111,218)
```
#046fe3
```
#046fe3 rgb(4,111,227)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#556576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b74c8 Protanopia 1% of men
#0078c9 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#3b72c8 Protanomaly 1% of men, 0.01% of women
#0b75c9 Deuteranomaly 6% of men, 0.4% of women
#0b7ba1 Tritanomaly 0.01% of the population

#1f70c8 hex color

#1f70c8 Color Information

#1f70c8 Color Conversion

Color Schemes with #1f70c8

Alternatives to #1f70c8

#1f70c8 Preview

Shades and Tints of #1f70c8

Tones of #1f70c8

Color Blindness Simulator