#1f94f6 hex color

In a RGB color space, hex #1f94f6 is composed of 12.2% red, 58% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 39.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 207.3 degrees, a saturation of 92.3% and a lightness of 54.3%. #1f94f6 color hex could be obtained by blending #3effff with #0029ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 12
- G 58
- B 96
RGB color chart
- C 87
- M 40
- Y 0
- K 4
CMYK color chart

● #1f94f6 color description : Vivid blue.

The hexadecimal color #1f94f6 has RGB values of R:31, G:148, B:246 and CMYK values of C:0.87, M:0.4, Y:0, K:0.04. Its decimal value is 2069750.

Hex triplet	1f94f6	`#1f94f6`
RGB Decimal	31, 148, 246	`rgb(31,148,246)`
RGB Percent	12.2, 58, 96.5	`rgb(12.2%,58%,96.5%)`
CMYK	87, 40, 0, 4
HSL	207.3°, 92.3, 54.3	`hsl(207.3,92.3%,54.3%)`
HSV (or HSB)	207.3°, 87.4, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.999, 4.259, -57.458
XYZ	27.786, 28.122, 91.147
xyY	0.189, 0.191, 28.122
CIE-LCH	59.999, 57.616, 274.239
CIE-LUV	59.999, -34.421, -92.269
Hunter-Lab	53.031, 0.722, -64.785
Binary	00011111, 10010100, 11110110

#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#f6811f
```
#f6811f rgb(246,129,31)
```

Complementary Color

#1ff6ed
```
#1ff6ed rgb(31,246,237)
```
#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#1f29f6
```
#1f29f6 rgb(31,41,246)
```

Analogous Color

#f6ed1f
```
#f6ed1f rgb(246,237,31)
```
#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#f61f29
```
#f61f29 rgb(246,31,41)
```

Split Complementary Color

#94f61f
```
#94f61f rgb(148,246,31)
```
#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#f61f94
```
#f61f94 rgb(246,31,148)
```

Triadic Color

#1ff681
```
#1ff681 rgb(31,246,129)
```
#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#f61f94
```
#f61f94 rgb(246,31,148)
```
#f6811f
```
#f6811f rgb(246,129,31)
```

Tetradic Color

#086cc1
```
#086cc1 rgb(8,108,193)
```
#097ad9
```
#097ad9 rgb(9,122,217)
```
#0a88f2
```
#0a88f2 rgb(10,136,242)
```
#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#38a0f7
```
#38a0f7 rgb(56,160,247)
```
#50abf8
```
#50abf8 rgb(80,171,248)
```
#69b7f9
```
#69b7f9 rgb(105,183,249)
```

Monochromatic Color

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

#1fcaf6
```
#1fcaf6 rgb(31,202,246)
```
#1fb8f6
```
#1fb8f6 rgb(31,184,246)
```
#1fa6f6
```
#1fa6f6 rgb(31,166,246)
```
#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#1f82f6
```
#1f82f6 rgb(31,130,246)
```
#1f70f6
```
#1f70f6 rgb(31,112,246)
```
#1f5ef6
```
#1f5ef6 rgb(31,94,246)
```

Similar Colors

Text with hexadecimal color #1f94f6

This text has a font color of #1f94f6.

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

#1f94f6 background color

This paragraph has a background color of #1f94f6.

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

#1f94f6 border color

This element has a border color of #1f94f6.

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

CSS codes

.text {color:#1f94f6;}

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

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

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 #eef7fe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#010c15
```
#010c15 rgb(1,12,21)
```
#021728
```
#021728 rgb(2,23,40)
```
#02213b
```
#02213b rgb(2,33,59)
```
#032c4e
```
#032c4e rgb(3,44,78)
```
#043661
```
#043661 rgb(4,54,97)
```
#054173
```
#054173 rgb(5,65,115)
```
#054c86
```
#054c86 rgb(5,76,134)
```
#065699
```
#065699 rgb(6,86,153)
```
#0761ac
```
#0761ac rgb(7,97,172)
```
#086bbf
```
#086bbf rgb(8,107,191)
```
#0876d2
```
#0876d2 rgb(8,118,210)
```
#0981e5
```
#0981e5 rgb(9,129,229)
```

Shade Color Variation

#0c8bf5
```
#0c8bf5 rgb(12,139,245)
```
#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#329df7
```
#329df7 rgb(50,157,247)
```
#45a6f8
```
#45a6f8 rgb(69,166,248)
```
#58aff8
```
#58aff8 rgb(88,175,248)
```
#6ab8f9
```
#6ab8f9 rgb(106,184,249)
```
#7dc1fa
```
#7dc1fa rgb(125,193,250)
```
#90cafb
```
#90cafb rgb(144,202,251)
```
#a3d3fb
```
#a3d3fb rgb(163,211,251)
```
#b6dcfc
```
#b6dcfc rgb(182,220,252)
```
#c9e5fd
```
#c9e5fd rgb(201,229,253)
```
#dceefe
```
#dceefe rgb(220,238,254)
```
#eef7fe
```
#eef7fe rgb(238,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828b93 is the less saturated color, while #1695ff is the most saturated one.

#828b93
```
#828b93 rgb(130,139,147)
```
#798c9c
```
#798c9c rgb(121,140,156)
```
#708da5
```
#708da5 rgb(112,141,165)
```
#678eae
```
#678eae rgb(103,142,174)
```
#5e8eb7
```
#5e8eb7 rgb(94,142,183)
```
#558fc0
```
#558fc0 rgb(85,143,192)
```
#4c90c9
```
#4c90c9 rgb(76,144,201)
```
#4391d2
```
#4391d2 rgb(67,145,210)
```
#3a92db
```
#3a92db rgb(58,146,219)
```
#3192e4
```
#3192e4 rgb(49,146,228)
```
#2893ed
```
#2893ed rgb(40,147,237)
```
#1f94f6
```
#1f94f6 rgb(31,148,246)
```
#1695ff
```
#1695ff rgb(22,149,255)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#698194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b93f1 Protanopia 1% of men
#3f98f7 Deuteranopia 1% of men
#00a5af Tritanopia 0.001% of the population

Trichromacy

#4f93f2 Protanomaly 1% of men, 0.01% of women
#3396f6 Deuteranomaly 6% of men, 0.4% of women
#0b9ec9 Tritanomaly 0.01% of the population

#1f94f6 hex color

#1f94f6 Color Information

#1f94f6 Color Conversion

Color Schemes with #1f94f6

Alternatives to #1f94f6

#1f94f6 Preview

Shades and Tints of #1f94f6

Tones of #1f94f6

Color Blindness Simulator