#1294f9 hex color

In a RGB color space, hex #1294f9 is composed of 7.1% red, 58% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 40.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 206.2 degrees, a saturation of 95.1% and a lightness of 52.4%. #1294f9 color hex could be obtained by blending #24ffff with #0029f3. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 7
- G 58
- B 98
RGB color chart
- C 93
- M 41
- Y 0
- K 2
CMYK color chart

● #1294f9 color description : Vivid blue.

The hexadecimal color #1294f9 has RGB values of R:18, G:148, B:249 and CMYK values of C:0.93, M:0.41, Y:0, K:0.02. Its decimal value is 1217785.

Hex triplet	1294f9	`#1294f9`
RGB Decimal	18, 148, 249	`rgb(18,148,249)`
RGB Percent	7.1, 58, 97.6	`rgb(7.1%,58%,97.6%)`
CMYK	93, 41, 0, 2
HSL	206.2°, 95.1, 52.4	`hsl(206.2,95.1%,52.4%)`
HSV (or HSB)	206.2°, 92.8, 97.6
Web Safe	0099ff	`#0099ff`

CIE-LAB	60.02, 4.76, -59.083
XYZ	27.934, 28.145, 93.578
xyY	0.187, 0.188, 28.145
CIE-LCH	60.02, 59.275, 274.606
CIE-LUV	60.02, -35.075, -94.989
Hunter-Lab	53.052, 1.146, -67.444
Binary	00010010, 10010100, 11111001

#1294f9
```
#1294f9 rgb(18,148,249)
```
#f97712
```
#f97712 rgb(249,119,18)
```

Complementary Color

#12f9eb
```
#12f9eb rgb(18,249,235)
```
#1294f9
```
#1294f9 rgb(18,148,249)
```
#1221f9
```
#1221f9 rgb(18,33,249)
```

Analogous Color

#f9eb12
```
#f9eb12 rgb(249,235,18)
```
#1294f9
```
#1294f9 rgb(18,148,249)
```
#f91221
```
#f91221 rgb(249,18,33)
```

Split Complementary Color

#94f912
```
#94f912 rgb(148,249,18)
```
#1294f9
```
#1294f9 rgb(18,148,249)
```
#f91294
```
#f91294 rgb(249,18,148)
```

Triadic Color

#12f977
```
#12f977 rgb(18,249,119)
```
#1294f9
```
#1294f9 rgb(18,148,249)
```
#f91294
```
#f91294 rgb(249,18,148)
```
#f97712
```
#f97712 rgb(249,119,18)
```

Tetradic Color

#056bba
```
#056bba rgb(5,107,186)
```
#0579d3
```
#0579d3 rgb(5,121,211)
```
#0687ec
```
#0687ec rgb(6,135,236)
```
#1294f9
```
#1294f9 rgb(18,148,249)
```
#2b9ffa
```
#2b9ffa rgb(43,159,250)
```
#44aafa
```
#44aafa rgb(68,170,250)
```
#5db6fb
```
#5db6fb rgb(93,182,251)
```

Monochromatic Color

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

#12cef9
```
#12cef9 rgb(18,206,249)
```
#12bbf9
```
#12bbf9 rgb(18,187,249)
```
#12a7f9
```
#12a7f9 rgb(18,167,249)
```
#1294f9
```
#1294f9 rgb(18,148,249)
```
#1281f9
```
#1281f9 rgb(18,129,249)
```
#126ef9
```
#126ef9 rgb(18,110,249)
```
#125af9
```
#125af9 rgb(18,90,249)
```

Similar Colors

Text with hexadecimal color #1294f9

This text has a font color of #1294f9.

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

#1294f9 background color

This paragraph has a background color of #1294f9.

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

#1294f9 border color

This element has a border color of #1294f9.

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

CSS codes

.text {color:#1294f9;}

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

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

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, #00070c is the darkest color, while #f8fcff is the lightest one.

#00070c
```
#00070c rgb(0,7,12)
```
#01121f
```
#01121f rgb(1,18,31)
```
#011d32
```
#011d32 rgb(1,29,50)
```
#022845
```
#022845 rgb(2,40,69)
```
#023358
```
#023358 rgb(2,51,88)
```
#033e6b
```
#033e6b rgb(3,62,107)
```
#03497e
```
#03497e rgb(3,73,126)
```
#045492
```
#045492 rgb(4,84,146)
```
#045fa5
```
#045fa5 rgb(4,95,165)
```
#056ab8
```
#056ab8 rgb(5,106,184)
```
#0574cb
```
#0574cb rgb(5,116,203)
```
#067fde
```
#067fde rgb(6,127,222)
```
#068af1
```
#068af1 rgb(6,138,241)
```

Shade Color Variation

#1294f9
```
#1294f9 rgb(18,148,249)
```
#259df9
```
#259df9 rgb(37,157,249)
```
#38a5fa
```
#38a5fa rgb(56,165,250)
```
#4baefa
```
#4baefa rgb(75,174,250)
```
#5fb7fb
```
#5fb7fb rgb(95,183,251)
```
#72bffb
```
#72bffb rgb(114,191,251)
```
#85c8fc
```
#85c8fc rgb(133,200,252)
```
#98d0fc
```
#98d0fc rgb(152,208,252)
```
#abd9fd
```
#abd9fd rgb(171,217,253)
```
#bee2fd
```
#bee2fd rgb(190,226,253)
```
#d1eafe
```
#d1eafe rgb(209,234,254)
```
#e4f3fe
```
#e4f3fe rgb(228,243,254)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

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

#828689
```
#828689 rgb(130,134,137)
```
#798792
```
#798792 rgb(121,135,146)
```
#6f889c
```
#6f889c rgb(111,136,156)
```
#6689a5
```
#6689a5 rgb(102,137,165)
```
#5d8bae
```
#5d8bae rgb(93,139,174)
```
#538cb8
```
#538cb8 rgb(83,140,184)
```
#4a8dc1
```
#4a8dc1 rgb(74,141,193)
```
#418eca
```
#418eca rgb(65,142,202)
```
#378fd4
```
#378fd4 rgb(55,143,212)
```
#2e90dd
```
#2e90dd rgb(46,144,221)
```
#2592e6
```
#2592e6 rgb(37,146,230)
```
#1b93f0
```
#1b93f0 rgb(27,147,240)
```
#1294f9
```
#1294f9 rgb(18,148,249)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#647e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6893f3 Protanopia 1% of men
#3598f9 Deuteranopia 1% of men
#00a5af Tritanopia 0.001% of the population

Trichromacy

#4993f5 Protanomaly 1% of men, 0.01% of women
#2896f9 Deuteranomaly 6% of men, 0.4% of women
#069eca Tritanomaly 0.01% of the population

#1294f9 hex color

#1294f9 Color Information

#1294f9 Color Conversion

Color Schemes with #1294f9

Alternatives to #1294f9

#1294f9 Preview

Shades and Tints of #1294f9

Tones of #1294f9

Color Blindness Simulator