#1f70ee hex color

In a RGB color space, hex #1f70ee is composed of 12.2% red, 43.9% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 87% cyan, 52.9% magenta, 0% yellow and 6.7% black. It has a hue angle of 216.5 degrees, a saturation of 85.9% and a lightness of 52.7%. #1f70ee color hex could be obtained by blending #3ee0ff with #0000dd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 12
- G 44
- B 93
RGB color chart
- C 87
- M 53
- Y 0
- K 7
CMYK color chart

● #1f70ee color description : Vivid blue.

The hexadecimal color #1f70ee has RGB values of R:31, G:112, B:238 and CMYK values of C:0.87, M:0.53, Y:0, K:0.07. Its decimal value is 2060526.

Hex triplet	1f70ee	`#1f70ee`
RGB Decimal	31, 112, 238	`rgb(31,112,238)`
RGB Percent	12.2, 43.9, 93.3	`rgb(12.2%,43.9%,93.3%)`
CMYK	87, 53, 0, 7
HSL	216.5°, 85.9, 52.7	`hsl(216.5,85.9%,52.7%)`
HSV (or HSB)	216.5°, 87, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.558, 23.432, -69.83
XYZ	21.788, 18.051, 83.22
xyY	0.177, 0.147, 18.051
CIE-LCH	49.558, 73.656, 288.549
CIE-LUV	49.558, -23.903, -108.695
Hunter-Lab	42.486, 17.19, -86.394
Binary	00011111, 01110000, 11101110

#1f70ee
```
#1f70ee rgb(31,112,238)
```
#ee9d1f
```
#ee9d1f rgb(238,157,31)
```

Complementary Color

#1fd8ee
```
#1fd8ee rgb(31,216,238)
```
#1f70ee
```
#1f70ee rgb(31,112,238)
```
#361fee
```
#361fee rgb(54,31,238)
```

Analogous Color

#d8ee1f
```
#d8ee1f rgb(216,238,31)
```
#1f70ee
```
#1f70ee rgb(31,112,238)
```
#ee361f
```
#ee361f rgb(238,54,31)
```

Split Complementary Color

#70ee1f
```
#70ee1f rgb(112,238,31)
```
#1f70ee
```
#1f70ee rgb(31,112,238)
```
#ee1f70
```
#ee1f70 rgb(238,31,112)
```

Triadic Color

#1fee9d
```
#1fee9d rgb(31,238,157)
```
#1f70ee
```
#1f70ee rgb(31,112,238)
```
#ee1f70
```
#ee1f70 rgb(238,31,112)
```
#ee9d1f
```
#ee9d1f rgb(238,157,31)
```

Tetradic Color

#0e4eb3
```
#0e4eb3 rgb(14,78,179)
```
#0f59cb
```
#0f59cb rgb(15,89,203)
```
#1163e2
```
#1163e2 rgb(17,99,226)
```
#1f70ee
```
#1f70ee rgb(31,112,238)
```
#377ff0
```
#377ff0 rgb(55,127,240)
```
#4e8ef2
```
#4e8ef2 rgb(78,142,242)
```
#669df3
```
#669df3 rgb(102,157,243)
```

Monochromatic Color

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

#1fa4ee
```
#1fa4ee rgb(31,164,238)
```
#1f93ee
```
#1f93ee rgb(31,147,238)
```
#1f81ee
```
#1f81ee rgb(31,129,238)
```
#1f70ee
```
#1f70ee rgb(31,112,238)
```
#1f5fee
```
#1f5fee rgb(31,95,238)
```
#1f4eee
```
#1f4eee rgb(31,78,238)
```
#1f3cee
```
#1f3cee rgb(31,60,238)
```

Similar Colors

Text with hexadecimal color #1f70ee

This text has a font color of #1f70ee.

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

#1f70ee background color

This paragraph has a background color of #1f70ee.

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

#1f70ee border color

This element has a border color of #1f70ee.

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

CSS codes

.text {color:#1f70ee;}

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

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

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

#01060d
```
#01060d rgb(1,6,13)
```
#020e1f
```
#020e1f rgb(2,14,31)
```
#041631
```
#041631 rgb(4,22,49)
```
#051e44
```
#051e44 rgb(5,30,68)
```
#072656
```
#072656 rgb(7,38,86)
```
#082e68
```
#082e68 rgb(8,46,104)
```
#09367a
```
#09367a rgb(9,54,122)
```
#0b3e8d
```
#0b3e8d rgb(11,62,141)
```
#0c469f
```
#0c469f rgb(12,70,159)
```
#0d4db1
```
#0d4db1 rgb(13,77,177)
```
#0f55c3
```
#0f55c3 rgb(15,85,195)
```
#105dd6
```
#105dd6 rgb(16,93,214)
```
#1265e8
```
#1265e8 rgb(18,101,232)
```

Shade Color Variation

#1f70ee
```
#1f70ee rgb(31,112,238)
```
#317cef
```
#317cef rgb(49,124,239)
```
#4387f1
```
#4387f1 rgb(67,135,241)
```
#5693f2
```
#5693f2 rgb(86,147,242)
```
#689ff4
```
#689ff4 rgb(104,159,244)
```
#7aaaf5
```
#7aaaf5 rgb(122,170,245)
```
#8cb6f6
```
#8cb6f6 rgb(140,182,246)
```
#9fc1f8
```
#9fc1f8 rgb(159,193,248)
```
#b1cdf9
```
#b1cdf9 rgb(177,205,249)
```
#c3d9fa
```
#c3d9fa rgb(195,217,250)
```
#d5e4fc
```
#d5e4fc rgb(213,228,252)
```
#e8f0fd
```
#e8f0fd rgb(232,240,253)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Tint Color Variation

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

#858688
```
#858688 rgb(133,134,136)
```
#7c8491
```
#7c8491 rgb(124,132,145)
```
#72829b
```
#72829b rgb(114,130,155)
```
#6980a4
```
#6980a4 rgb(105,128,164)
```
#607ead
```
#607ead rgb(96,126,173)
```
#577cb6
```
#577cb6 rgb(87,124,182)
```
#4d7ac0
```
#4d7ac0 rgb(77,122,192)
```
#4478c9
```
#4478c9 rgb(68,120,201)
```
#3b76d2
```
#3b76d2 rgb(59,118,210)
```
#3274db
```
#3274db rgb(50,116,219)
```
#2872e5
```
#2872e5 rgb(40,114,229)
```
#1f70ee
```
#1f70ee rgb(31,112,238)
```
#166ef7
```
#166ef7 rgb(22,110,247)
```

Tone Color Variation

Below, you can see how #1f70ee 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
#586881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0079ed Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#008990 Tritanopia 0.001% of the population

Trichromacy

#0b75ed Protanomaly 1% of men, 0.01% of women
#0b7adb Deuteranomaly 6% of men, 0.4% of women
#0b80b2 Tritanomaly 0.01% of the population

#1f70ee hex color

#1f70ee Color Information

#1f70ee Color Conversion

Color Schemes with #1f70ee

Alternatives to #1f70ee

#1f70ee Preview

Shades and Tints of #1f70ee

Tones of #1f70ee

Color Blindness Simulator