#1294f6 hex color

In a RGB color space, hex #1294f6 is composed of 7.1% red, 58% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 39.8% magenta, 0% yellow and 3.5% black. It has a hue angle of 205.8 degrees, a saturation of 92.7% and a lightness of 51.8%. #1294f6 color hex could be obtained by blending #24ffff with #0029ed. Closest websafe color is: #0099ff.

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

● #1294f6 color description : Vivid blue.

The hexadecimal color #1294f6 has RGB values of R:18, G:148, B:246 and CMYK values of C:0.93, M:0.4, Y:0, K:0.04. Its decimal value is 1217782.

Hex triplet	1294f6	`#1294f6`
RGB Decimal	18, 148, 246	`rgb(18,148,246)`
RGB Percent	7.1, 58, 96.5	`rgb(7.1%,58%,96.5%)`
CMYK	93, 40, 0, 4
HSL	205.8°, 92.7, 51.8	`hsl(205.8,92.7%,51.8%)`
HSV (or HSB)	205.8°, 92.7, 96.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	59.852, 3.63, -57.701
XYZ	27.47, 27.96, 91.133
xyY	0.187, 0.191, 27.96
CIE-LCH	59.852, 57.815, 273.6
CIE-LUV	59.852, -35.235, -92.567
Hunter-Lab	52.877, 0.198, -65.172
Binary	00010010, 10010100, 11110110

#1294f6
```
#1294f6 rgb(18,148,246)
```
#f67412
```
#f67412 rgb(246,116,18)
```

Complementary Color

#12f6e6
```
#12f6e6 rgb(18,246,230)
```
#1294f6
```
#1294f6 rgb(18,148,246)
```
#1222f6
```
#1222f6 rgb(18,34,246)
```

Analogous Color

#f6e612
```
#f6e612 rgb(246,230,18)
```
#1294f6
```
#1294f6 rgb(18,148,246)
```
#f61222
```
#f61222 rgb(246,18,34)
```

Split Complementary Color

#94f612
```
#94f612 rgb(148,246,18)
```
#1294f6
```
#1294f6 rgb(18,148,246)
```
#f61294
```
#f61294 rgb(246,18,148)
```

Triadic Color

#12f674
```
#12f674 rgb(18,246,116)
```
#1294f6
```
#1294f6 rgb(18,148,246)
```
#f61294
```
#f61294 rgb(246,18,148)
```
#f67412
```
#f67412 rgb(246,116,18)
```

Tetradic Color

#076ab5
```
#076ab5 rgb(7,106,181)
```
#0878cd
```
#0878cd rgb(8,120,205)
```
#0987e6
```
#0987e6 rgb(9,135,230)
```
#1294f6
```
#1294f6 rgb(18,148,246)
```
#2b9ff7
```
#2b9ff7 rgb(43,159,247)
```
#43aaf8
```
#43aaf8 rgb(67,170,248)
```
#5cb5f9
```
#5cb5f9 rgb(92,181,249)
```

Monochromatic Color

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

#12cdf6
```
#12cdf6 rgb(18,205,246)
```
#12baf6
```
#12baf6 rgb(18,186,246)
```
#12a7f6
```
#12a7f6 rgb(18,167,246)
```
#1294f6
```
#1294f6 rgb(18,148,246)
```
#1281f6
```
#1281f6 rgb(18,129,246)
```
#126ef6
```
#126ef6 rgb(18,110,246)
```
#125bf6
```
#125bf6 rgb(18,91,246)
```

Similar Colors

Text with hexadecimal color #1294f6

This text has a font color of #1294f6.

<span style="color:#1294f6;">Text here</span>

#1294f6 background color

This paragraph has a background color of #1294f6.

<p style="background-color:#1294f6;">Content here</p>

#1294f6 border color

This element has a border color of #1294f6.

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

CSS codes

.text {color:#1294f6;}

.background {background-color:#1294f6;}

.border {border:1px solid #1294f6;}

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

#000509
```
#000509 rgb(0,5,9)
```
#01101c
```
#01101c rgb(1,16,28)
```
#021b2e
```
#021b2e rgb(2,27,46)
```
#022641
```
#022641 rgb(2,38,65)
```
#033154
```
#033154 rgb(3,49,84)
```
#043d67
```
#043d67 rgb(4,61,103)
```
#05487a
```
#05487a rgb(5,72,122)
```
#05538d
```
#05538d rgb(5,83,141)
```
#065ea0
```
#065ea0 rgb(6,94,160)
```
#0769b3
```
#0769b3 rgb(7,105,179)
```
#0874c6
```
#0874c6 rgb(8,116,198)
```
#087fd9
```
#087fd9 rgb(8,127,217)
```
#098aeb
```
#098aeb rgb(9,138,235)
```

Shade Color Variation

#1294f6
```
#1294f6 rgb(18,148,246)
```
#259df7
```
#259df7 rgb(37,157,247)
```
#38a5f7
```
#38a5f7 rgb(56,165,247)
```
#4baef8
```
#4baef8 rgb(75,174,248)
```
#5eb6f9
```
#5eb6f9 rgb(94,182,249)
```
#70bffa
```
#70bffa rgb(112,191,250)
```
#83c7fa
```
#83c7fa rgb(131,199,250)
```
#96d0fb
```
#96d0fb rgb(150,208,251)
```
#a9d8fc
```
#a9d8fc rgb(169,216,252)
```
#bce1fc
```
#bce1fc rgb(188,225,252)
```
#cfe9fd
```
#cfe9fd rgb(207,233,253)
```
#e2f2fe
```
#e2f2fe rgb(226,242,254)
```
#f5faff
```
#f5faff rgb(245,250,255)
```

Tint Color Variation

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

#848484
```
#848484 rgb(132,132,132)
```
#7a858e
```
#7a858e rgb(122,133,142)
```
#718797
```
#718797 rgb(113,135,151)
```
#6788a1
```
#6788a1 rgb(103,136,161)
```
#5e89aa
```
#5e89aa rgb(94,137,170)
```
#548bb4
```
#548bb4 rgb(84,139,180)
```
#4b8cbd
```
#4b8cbd rgb(75,140,189)
```
#418dc7
```
#418dc7 rgb(65,141,199)
```
#388fd0
```
#388fd0 rgb(56,143,208)
```
#2e90da
```
#2e90da rgb(46,144,218)
```
#2591e3
```
#2591e3 rgb(37,145,227)
```
#1b93ed
```
#1b93ed rgb(27,147,237)
```
#1294f6
```
#1294f6 rgb(18,148,246)
```

Tone Color Variation

Below, you can see how #1294f6 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

#787878 Achromatopsia 0.005% of the population
#647e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a92f0 Protanopia 1% of men
#3c97f7 Deuteranopia 1% of men
#00a4ae Tritanopia 0.001% of the population

Trichromacy

#4a93f2 Protanomaly 1% of men, 0.01% of women
#2d96f6 Deuteranomaly 6% of men, 0.4% of women
#069ec8 Tritanomaly 0.01% of the population

#1294f6 hex color

#1294f6 Color Information

#1294f6 Color Conversion

Color Schemes with #1294f6

Alternatives to #1294f6

#1294f6 Preview

Shades and Tints of #1294f6

Tones of #1294f6

Color Blindness Simulator