#1493f4 hex color

In a RGB color space, hex #1493f4 is composed of 7.8% red, 57.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 91.8% cyan, 39.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 206 degrees, a saturation of 91.1% and a lightness of 51.8%. #1493f4 color hex could be obtained by blending #28ffff with #0027e9. Closest websafe color is: #0099ff.

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

● #1493f4 color description : Vivid blue.

The hexadecimal color #1493f4 has RGB values of R:20, G:147, B:244 and CMYK values of C:0.92, M:0.4, Y:0, K:0.04. Its decimal value is 1348596.

Hex triplet	1493f4	`#1493f4`
RGB Decimal	20, 147, 244	`rgb(20,147,244)`
RGB Percent	7.8, 57.6, 95.7	`rgb(7.8%,57.6%,95.7%)`
CMYK	92, 40, 0, 4
HSL	206°, 91.1, 51.8	`hsl(206,91.1%,51.8%)`
HSV (or HSB)	206°, 91.8, 95.7
Web Safe	0099ff	`#0099ff`

CIE-LAB	59.476, 3.55, -57.2
XYZ	27.047, 27.545, 89.474
xyY	0.188, 0.191, 27.545
CIE-LCH	59.476, 57.31, 273.551
CIE-LUV	59.476, -34.924, -91.626
Hunter-Lab	52.484, 0.144, -64.339
Binary	00010100, 10010011, 11110100

#1493f4
```
#1493f4 rgb(20,147,244)
```
#f47514
```
#f47514 rgb(244,117,20)
```

Complementary Color

#14f4e5
```
#14f4e5 rgb(20,244,229)
```
#1493f4
```
#1493f4 rgb(20,147,244)
```
#1423f4
```
#1423f4 rgb(20,35,244)
```

Analogous Color

#f4e514
```
#f4e514 rgb(244,229,20)
```
#1493f4
```
#1493f4 rgb(20,147,244)
```
#f41423
```
#f41423 rgb(244,20,35)
```

Split Complementary Color

#93f414
```
#93f414 rgb(147,244,20)
```
#1493f4
```
#1493f4 rgb(20,147,244)
```
#f41493
```
#f41493 rgb(244,20,147)
```

Triadic Color

#14f475
```
#14f475 rgb(20,244,117)
```
#1493f4
```
#1493f4 rgb(20,147,244)
```
#f41493
```
#f41493 rgb(244,20,147)
```
#f47514
```
#f47514 rgb(244,117,20)
```

Tetradic Color

#0869b3
```
#0869b3 rgb(8,105,179)
```
#0a77cb
```
#0a77cb rgb(10,119,203)
```
#0b86e4
```
#0b86e4 rgb(11,134,228)
```
#1493f4
```
#1493f4 rgb(20,147,244)
```
#2c9ef5
```
#2c9ef5 rgb(44,158,245)
```
#45a9f6
```
#45a9f6 rgb(69,169,246)
```
#5db5f7
```
#5db5f7 rgb(93,181,247)
```

Monochromatic Color

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

#14cbf4
```
#14cbf4 rgb(20,203,244)
```
#14b8f4
```
#14b8f4 rgb(20,184,244)
```
#14a6f4
```
#14a6f4 rgb(20,166,244)
```
#1493f4
```
#1493f4 rgb(20,147,244)
```
#1480f4
```
#1480f4 rgb(20,128,244)
```
#146ef4
```
#146ef4 rgb(20,110,244)
```
#145bf4
```
#145bf4 rgb(20,91,244)
```

Similar Colors

Text with hexadecimal color #1493f4

This text has a font color of #1493f4.

<span style="color:#1493f4;">Text here</span>

#1493f4 background color

This paragraph has a background color of #1493f4.

<p style="background-color:#1493f4;">Content here</p>

#1493f4 border color

This element has a border color of #1493f4.

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

CSS codes

.text {color:#1493f4;}

.background {background-color:#1493f4;}

.border {border:1px solid #1493f4;}

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)
```
#01101b
```
#01101b rgb(1,16,27)
```
#021b2e
```
#021b2e rgb(2,27,46)
```
#032641
```
#032641 rgb(3,38,65)
```
#043154
```
#043154 rgb(4,49,84)
```
#053c66
```
#053c66 rgb(5,60,102)
```
#064779
```
#064779 rgb(6,71,121)
```
#07528c
```
#07528c rgb(7,82,140)
```
#075d9f
```
#075d9f rgb(7,93,159)
```
#0868b1
```
#0868b1 rgb(8,104,177)
```
#0973c4
```
#0973c4 rgb(9,115,196)
```
#0a7ed7
```
#0a7ed7 rgb(10,126,215)
```
#0b89e9
```
#0b89e9 rgb(11,137,233)
```

Shade Color Variation

#1493f4
```
#1493f4 rgb(20,147,244)
```
#279cf5
```
#279cf5 rgb(39,156,245)
```
#39a4f6
```
#39a4f6 rgb(57,164,246)
```
#4cadf7
```
#4cadf7 rgb(76,173,247)
```
#5fb5f8
```
#5fb5f8 rgb(95,181,248)
```
#72bef8
```
#72bef8 rgb(114,190,248)
```
#84c7f9
```
#84c7f9 rgb(132,199,249)
```
#97cffa
```
#97cffa rgb(151,207,250)
```
#aad8fb
```
#aad8fb rgb(170,216,251)
```
#bde1fc
```
#bde1fc rgb(189,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, #7c858c is the less saturated color, while #0b94fd is the most saturated one.

#7c858c
```
#7c858c rgb(124,133,140)
```
#738695
```
#738695 rgb(115,134,149)
```
#69889f
```
#69889f rgb(105,136,159)
```
#6089a8
```
#6089a8 rgb(96,137,168)
```
#568ab2
```
#568ab2 rgb(86,138,178)
```
#4d8bbb
```
#4d8bbb rgb(77,139,187)
```
#438dc5
```
#438dc5 rgb(67,141,197)
```
#3a8ece
```
#3a8ece rgb(58,142,206)
```
#308fd8
```
#308fd8 rgb(48,143,216)
```
#2790e1
```
#2790e1 rgb(39,144,225)
```
#1d92eb
```
#1d92eb rgb(29,146,235)
```
#1493f4
```
#1493f4 rgb(20,147,244)
```
#0b94fd
```
#0b94fd rgb(11,148,253)
```

Tone Color Variation

Below, you can see how #1493f4 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
#647d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a92ef Protanopia 1% of men
#3d96f5 Deuteranopia 1% of men
#00a3ad Tritanopia 0.001% of the population

Trichromacy

#4a92f0 Protanomaly 1% of men, 0.01% of women
#2e95f4 Deuteranomaly 6% of men, 0.4% of women
#079dc7 Tritanomaly 0.01% of the population

#1493f4 hex color

#1493f4 Color Information

#1493f4 Color Conversion

Color Schemes with #1493f4

Alternatives to #1493f4

#1493f4 Preview

Shades and Tints of #1493f4

Tones of #1493f4

Color Blindness Simulator