#1299fa hex color

In a RGB color space, hex #1299fa is composed of 7.1% red, 60% green and 98% blue. Whereas in a CMYK color space, it is composed of 92.8% cyan, 38.8% magenta, 0% yellow and 2% black. It has a hue angle of 205.1 degrees, a saturation of 95.9% and a lightness of 52.5%. #1299fa color hex could be obtained by blending #24ffff with #0033f5. Closest websafe color is: #0099ff.

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

● #1299fa color description : Vivid blue.

The hexadecimal color #1299fa has RGB values of R:18, G:153, B:250 and CMYK values of C:0.93, M:0.39, Y:0, K:0.02. Its decimal value is 1219066.

Hex triplet	1299fa	`#1299fa`
RGB Decimal	18, 153, 250	`rgb(18,153,250)`
RGB Percent	7.1, 60, 98	`rgb(7.1%,60%,98%)`
CMYK	93, 39, 0, 2
HSL	205.1°, 95.9, 52.5	`hsl(205.1,95.9%,52.5%)`
HSV (or HSB)	205.1°, 92.8, 98
Web Safe	0099ff	`#0099ff`

CIE-LAB	61.49, 2.178, -57.284
XYZ	28.892, 29.811, 94.668
xyY	0.188, 0.194, 29.811
CIE-LCH	61.49, 57.325, 272.177
CIE-LUV	61.49, -36.602, -92.202
Hunter-Lab	54.599, -1.092, -64.583
Binary	00010010, 10011001, 11111010

#1299fa
```
#1299fa rgb(18,153,250)
```
#fa7312
```
#fa7312 rgb(250,115,18)
```

Complementary Color

#12fae7
```
#12fae7 rgb(18,250,231)
```
#1299fa
```
#1299fa rgb(18,153,250)
```
#1225fa
```
#1225fa rgb(18,37,250)
```

Analogous Color

#fae712
```
#fae712 rgb(250,231,18)
```
#1299fa
```
#1299fa rgb(18,153,250)
```
#fa1225
```
#fa1225 rgb(250,18,37)
```

Split Complementary Color

#99fa12
```
#99fa12 rgb(153,250,18)
```
#1299fa
```
#1299fa rgb(18,153,250)
```
#fa1299
```
#fa1299 rgb(250,18,153)
```

Triadic Color

#12fa73
```
#12fa73 rgb(18,250,115)
```
#1299fa
```
#1299fa rgb(18,153,250)
```
#fa1299
```
#fa1299 rgb(250,18,153)
```
#fa7312
```
#fa7312 rgb(250,115,18)
```

Tetradic Color

#046fbc
```
#046fbc rgb(4,111,188)
```
#047ed5
```
#047ed5 rgb(4,126,213)
```
#058ced
```
#058ced rgb(5,140,237)
```
#1299fa
```
#1299fa rgb(18,153,250)
```
#2ba4fb
```
#2ba4fb rgb(43,164,251)
```
#44aefb
```
#44aefb rgb(68,174,251)
```
#5db9fc
```
#5db9fc rgb(93,185,252)
```

Monochromatic Color

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

#12d3fa
```
#12d3fa rgb(18,211,250)
```
#12c0fa
```
#12c0fa rgb(18,192,250)
```
#12acfa
```
#12acfa rgb(18,172,250)
```
#1299fa
```
#1299fa rgb(18,153,250)
```
#1286fa
```
#1286fa rgb(18,134,250)
```
#1272fa
```
#1272fa rgb(18,114,250)
```
#125ffa
```
#125ffa rgb(18,95,250)
```

Similar Colors

Text with hexadecimal color #1299fa

This text has a font color of #1299fa.

<span style="color:#1299fa;">Text here</span>

#1299fa background color

This paragraph has a background color of #1299fa.

<p style="background-color:#1299fa;">Content here</p>

#1299fa border color

This element has a border color of #1299fa.

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

CSS codes

.text {color:#1299fa;}

.background {background-color:#1299fa;}

.border {border:1px solid #1299fa;}

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

#00080d
```
#00080d rgb(0,8,13)
```
#011320
```
#011320 rgb(1,19,32)
```
#011e33
```
#011e33 rgb(1,30,51)
```
#012a46
```
#012a46 rgb(1,42,70)
```
#02355a
```
#02355a rgb(2,53,90)
```
#02406d
```
#02406d rgb(2,64,109)
```
#034c80
```
#034c80 rgb(3,76,128)
```
#035793
```
#035793 rgb(3,87,147)
```
#0462a6
```
#0462a6 rgb(4,98,166)
```
#046eba
```
#046eba rgb(4,110,186)
```
#0479cd
```
#0479cd rgb(4,121,205)
```
#0584e0
```
#0584e0 rgb(5,132,224)
```
#0590f3
```
#0590f3 rgb(5,144,243)
```

Shade Color Variation

#1299fa
```
#1299fa rgb(18,153,250)
```
#25a1fa
```
#25a1fa rgb(37,161,250)
```
#38aafb
```
#38aafb rgb(56,170,251)
```
#4cb2fb
```
#4cb2fb rgb(76,178,251)
```
#5fbafc
```
#5fbafc rgb(95,186,252)
```
#72c2fc
```
#72c2fc rgb(114,194,252)
```
#85cbfc
```
#85cbfc rgb(133,203,252)
```
#98d3fd
```
#98d3fd rgb(152,211,253)
```
#acdbfd
```
#acdbfd rgb(172,219,253)
```
#bfe3fe
```
#bfe3fe rgb(191,227,254)
```
#d2ecfe
```
#d2ecfe rgb(210,236,254)
```
#e5f4fe
```
#e5f4fe rgb(229,244,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82878a is the less saturated color, while #1299fa is the most saturated one.

#82878a
```
#82878a rgb(130,135,138)
```
#788894
```
#788894 rgb(120,136,148)
```
#6f8a9d
```
#6f8a9d rgb(111,138,157)
```
#668ba6
```
#668ba6 rgb(102,139,166)
```
#5c8db0
```
#5c8db0 rgb(92,141,176)
```
#538eb9
```
#538eb9 rgb(83,142,185)
```
#4a90c2
```
#4a90c2 rgb(74,144,194)
```
#4191cb
```
#4191cb rgb(65,145,203)
```
#3793d5
```
#3793d5 rgb(55,147,213)
```
#2e94de
```
#2e94de rgb(46,148,222)
```
#2596e7
```
#2596e7 rgb(37,150,231)
```
#1b97f1
```
#1b97f1 rgb(27,151,241)
```
#1299fa
```
#1299fa rgb(18,153,250)
```

Tone Color Variation

Below, you can see how #1299fa 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
#678295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7097f4 Protanopia 1% of men
#469bfb Deuteranopia 1% of men
#00a9b3 Tritanopia 0.001% of the population

Trichromacy

#4d97f6 Protanomaly 1% of men, 0.01% of women
#339afa Deuteranomaly 6% of men, 0.4% of women
#06a3cd Tritanomaly 0.01% of the population

#1299fa hex color

#1299fa Color Information

#1299fa Color Conversion

Color Schemes with #1299fa

Alternatives to #1299fa

#1299fa Preview

Shades and Tints of #1299fa

Tones of #1299fa

Color Blindness Simulator