#4294f1 hex color

In a RGB color space, hex #4294f1 is composed of 25.9% red, 58% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 38.6% magenta, 0% yellow and 5.5% black. It has a hue angle of 211.9 degrees, a saturation of 86.2% and a lightness of 60.2%. #4294f1 color hex could be obtained by blending #84ffff with #0029e3. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 26
- G 58
- B 95
RGB color chart
- C 73
- M 39
- Y 0
- K 5
CMYK color chart

● #4294f1 color description : Bright blue.

The hexadecimal color #4294f1 has RGB values of R:66, G:148, B:241 and CMYK values of C:0.73, M:0.39, Y:0, K:0.05. Its decimal value is 4363505.

Hex triplet	4294f1	`#4294f1`
RGB Decimal	66, 148, 241	`rgb(66,148,241)`
RGB Percent	25.9, 58, 94.5	`rgb(25.9%,58%,94.5%)`
CMYK	73, 39, 0, 5
HSL	211.9°, 86.2, 60.2	`hsl(211.9,86.2%,60.2%)`
HSV (or HSB)	211.9°, 72.6, 94.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.504, 5.723, -53.853
XYZ	28.71, 28.687, 87.238
xyY	0.199, 0.198, 28.687
CIE-LCH	60.504, 54.157, 276.066
CIE-LUV	60.504, -30.282, -86.61
Hunter-Lab	53.56, 1.953, -59.079
Binary	01000010, 10010100, 11110001

#4294f1
```
#4294f1 rgb(66,148,241)
```
#f19f42
```
#f19f42 rgb(241,159,66)
```

Complementary Color

#42ecf1
```
#42ecf1 rgb(66,236,241)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#4842f1
```
#4842f1 rgb(72,66,241)
```

Analogous Color

#ecf142
```
#ecf142 rgb(236,241,66)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#f14842
```
#f14842 rgb(241,72,66)
```

Split Complementary Color

#94f142
```
#94f142 rgb(148,241,66)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#f14294
```
#f14294 rgb(241,66,148)
```

Triadic Color

#42f19f
```
#42f19f rgb(66,241,159)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#f14294
```
#f14294 rgb(241,66,148)
```
#f19f42
```
#f19f42 rgb(241,159,66)
```

Tetradic Color

#106dd7
```
#106dd7 rgb(16,109,215)
```
#1379ed
```
#1379ed rgb(19,121,237)
```
#2a87ef
```
#2a87ef rgb(42,135,239)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#5aa1f3
```
#5aa1f3 rgb(90,161,243)
```
#71aff5
```
#71aff5 rgb(113,175,245)
```
#89bcf6
```
#89bcf6 rgb(137,188,246)
```

Monochromatic Color

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

#42c0f1
```
#42c0f1 rgb(66,192,241)
```
#42b1f1
```
#42b1f1 rgb(66,177,241)
```
#42a3f1
```
#42a3f1 rgb(66,163,241)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#4285f1
```
#4285f1 rgb(66,133,241)
```
#4277f1
```
#4277f1 rgb(66,119,241)
```
#4268f1
```
#4268f1 rgb(66,104,241)
```

Similar Colors

Text with hexadecimal color #4294f1

This text has a font color of #4294f1.

<span style="color:#4294f1;">Text here</span>

#4294f1 background color

This paragraph has a background color of #4294f1.

<p style="background-color:#4294f1;">Content here</p>

#4294f1 border color

This element has a border color of #4294f1.

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

CSS codes

.text {color:#4294f1;}

.background {background-color:#4294f1;}

.border {border:1px solid #4294f1;}

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

#01060c
```
#01060c rgb(1,6,12)
```
#020f1e
```
#020f1e rgb(2,15,30)
```
#041930
```
#041930 rgb(4,25,48)
```
#052243
```
#052243 rgb(5,34,67)
```
#062b55
```
#062b55 rgb(6,43,85)
```
#083467
```
#083467 rgb(8,52,103)
```
#093e79
```
#093e79 rgb(9,62,121)
```
#0a478c
```
#0a478c rgb(10,71,140)
```
#0c509e
```
#0c509e rgb(12,80,158)
```
#0d5ab0
```
#0d5ab0 rgb(13,90,176)
```
#0e63c3
```
#0e63c3 rgb(14,99,195)
```
#106cd5
```
#106cd5 rgb(16,108,213)
```
#1175e7
```
#1175e7 rgb(17,117,231)
```

Shade Color Variation

#1d7fee
```
#1d7fee rgb(29,127,238)
```
#308af0
```
#308af0 rgb(48,138,240)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#549ef2
```
#549ef2 rgb(84,158,242)
```
#67a9f4
```
#67a9f4 rgb(103,169,244)
```
#79b3f5
```
#79b3f5 rgb(121,179,245)
```
#8bbdf6
```
#8bbdf6 rgb(139,189,246)
```
#9dc8f8
```
#9dc8f8 rgb(157,200,248)
```
#b0d2f9
```
#b0d2f9 rgb(176,210,249)
```
#c2dcfa
```
#c2dcfa rgb(194,220,250)
```
#d4e7fc
```
#d4e7fc rgb(212,231,252)
```
#e6f1fd
```
#e6f1fd rgb(230,241,253)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #98999b is the less saturated color, while #3a94f9 is the most saturated one.

#98999b
```
#98999b rgb(152,153,155)
```
#9099a3
```
#9099a3 rgb(144,153,163)
```
#8898ab
```
#8898ab rgb(136,152,171)
```
#8098b3
```
#8098b3 rgb(128,152,179)
```
#7997ba
```
#7997ba rgb(121,151,186)
```
#7197c2
```
#7197c2 rgb(113,151,194)
```
#6996ca
```
#6996ca rgb(105,150,202)
```
#6196d2
```
#6196d2 rgb(97,150,210)
```
#5995da
```
#5995da rgb(89,149,218)
```
#5295e1
```
#5295e1 rgb(82,149,225)
```
#4a94e9
```
#4a94e9 rgb(74,148,233)
```
#4294f1
```
#4294f1 rgb(66,148,241)
```
#3a94f9
```
#3a94f9 rgb(58,148,249)
```

Tone Color Variation

Below, you can see how #4294f1 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

#868686 Achromatopsia 0.005% of the population
#78899b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7094ed Protanopia 1% of men
#5298f2 Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#5f94ee Protanomaly 1% of men, 0.01% of women
#4c97f1 Deuteranomaly 6% of men, 0.4% of women
#189fc8 Tritanomaly 0.01% of the population

#4294f1 hex color

#4294f1 Color Information

#4294f1 Color Conversion

Color Schemes with #4294f1

Alternatives to #4294f1

#4294f1 Preview

Shades and Tints of #4294f1

Tones of #4294f1

Color Blindness Simulator