#294af0 hex color

In a RGB color space, hex #294af0 is composed of 16.1% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.1 degrees, a saturation of 86.9% and a lightness of 55.1%. #294af0 color hex could be obtained by blending #5294ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 16
- G 29
- B 94
RGB color chart
- C 83
- M 69
- Y 0
- K 6
CMYK color chart

● #294af0 color description : Bright blue.

The hexadecimal color #294af0 has RGB values of R:41, G:74, B:240 and CMYK values of C:0.83, M:0.69, Y:0, K:0.06. Its decimal value is 2706160.

Hex triplet	294af0	`#294af0`
RGB Decimal	41, 74, 240	`rgb(41,74,240)`
RGB Percent	16.1, 29, 94.1	`rgb(16.1%,29%,94.1%)`
CMYK	83, 69, 0, 6
HSL	230.1°, 86.9, 55.1	`hsl(230.1,86.9%,55.1%)`
HSV (or HSB)	230.1°, 82.9, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.669, 48.544, -85.49
XYZ	19.088, 11.659, 83.678
xyY	0.167, 0.102, 11.659
CIE-LCH	40.669, 98.311, 299.589
CIE-LUV	40.669, -13.885, -122.943
Hunter-Lab	34.145, 40.034, -121.398
Binary	00101001, 01001010, 11110000

#294af0
```
#294af0 rgb(41,74,240)
```
#f0cf29
```
#f0cf29 rgb(240,207,41)
```

Complementary Color

#29aef0
```
#29aef0 rgb(41,174,240)
```
#294af0
```
#294af0 rgb(41,74,240)
```
#6c29f0
```
#6c29f0 rgb(108,41,240)
```

Analogous Color

#aef029
```
#aef029 rgb(174,240,41)
```
#294af0
```
#294af0 rgb(41,74,240)
```
#f06c29
```
#f06c29 rgb(240,108,41)
```

Split Complementary Color

#4af029
```
#4af029 rgb(74,240,41)
```
#294af0
```
#294af0 rgb(41,74,240)
```
#f0294a
```
#f0294a rgb(240,41,74)
```

Triadic Color

#29f0cf
```
#29f0cf rgb(41,240,207)
```
#294af0
```
#294af0 rgb(41,74,240)
```
#f0294a
```
#f0294a rgb(240,41,74)
```
#f0cf29
```
#f0cf29 rgb(240,207,41)
```

Tetradic Color

#0d2bbf
```
#0d2bbf rgb(13,43,191)
```
#0f30d7
```
#0f30d7 rgb(15,48,215)
```
#1136ee
```
#1136ee rgb(17,54,238)
```
#294af0
```
#294af0 rgb(41,74,240)
```
#415ef2
```
#415ef2 rgb(65,94,242)
```
#5972f3
```
#5972f3 rgb(89,114,243)
```
#7086f5
```
#7086f5 rgb(112,134,245)
```

Monochromatic Color

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

#297cf0
```
#297cf0 rgb(41,124,240)
```
#296bf0
```
#296bf0 rgb(41,107,240)
```
#295bf0
```
#295bf0 rgb(41,91,240)
```
#294af0
```
#294af0 rgb(41,74,240)
```
#2939f0
```
#2939f0 rgb(41,57,240)
```
#2929f0
```
#2929f0 rgb(41,41,240)
```
#3a29f0
```
#3a29f0 rgb(58,41,240)
```

Similar Colors

Text with hexadecimal color #294af0

This text has a font color of #294af0.

<span style="color:#294af0;">Text here</span>

#294af0 background color

This paragraph has a background color of #294af0.

<p style="background-color:#294af0;">Content here</p>

#294af0 border color

This element has a border color of #294af0.

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

CSS codes

.text {color:#294af0;}

.background {background-color:#294af0;}

.border {border:1px solid #294af0;}

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

#000106
```
#000106 rgb(0,1,6)
```
#020518
```
#020518 rgb(2,5,24)
```
#030a2b
```
#030a2b rgb(3,10,43)
```
#040e3d
```
#040e3d rgb(4,14,61)
```
#06124f
```
#06124f rgb(6,18,79)
```
#071662
```
#071662 rgb(7,22,98)
```
#081a74
```
#081a74 rgb(8,26,116)
```
#091e86
```
#091e86 rgb(9,30,134)
```
#0b2299
```
#0b2299 rgb(11,34,153)
```
#0c26ab
```
#0c26ab rgb(12,38,171)
```
#0d2abd
```
#0d2abd rgb(13,42,189)
```
#0f2fd0
```
#0f2fd0 rgb(15,47,208)
```
#1033e2
```
#1033e2 rgb(16,51,226)
```

Shade Color Variation

#173aef
```
#173aef rgb(23,58,239)
```
#294af0
```
#294af0 rgb(41,74,240)
```
#3b5af1
```
#3b5af1 rgb(59,90,241)
```
#4e69f3
```
#4e69f3 rgb(78,105,243)
```
#6079f4
```
#6079f4 rgb(96,121,244)
```
#7288f5
```
#7288f5 rgb(114,136,245)
```
#8598f6
```
#8598f6 rgb(133,152,246)
```
#97a7f8
```
#97a7f8 rgb(151,167,248)
```
#a9b7f9
```
#a9b7f9 rgb(169,183,249)
```
#bcc6fa
```
#bcc6fa rgb(188,198,250)
```
#ced6fc
```
#ced6fc rgb(206,214,252)
```
#e0e5fd
```
#e0e5fd rgb(224,229,253)
```
#f3f5fe
```
#f3f5fe rgb(243,245,254)
```

Tint Color Variation

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

#8a8b8f
```
#8a8b8f rgb(138,139,143)
```
#818598
```
#818598 rgb(129,133,152)
```
#787fa1
```
#787fa1 rgb(120,127,161)
```
#6f79aa
```
#6f79aa rgb(111,121,170)
```
#6773b2
```
#6773b2 rgb(103,115,178)
```
#5e6dbb
```
#5e6dbb rgb(94,109,187)
```
#5567c4
```
#5567c4 rgb(85,103,196)
```
#4c62cd
```
#4c62cd rgb(76,98,205)
```
#435cd6
```
#435cd6 rgb(67,92,214)
```
#3b56de
```
#3b56de rgb(59,86,222)
```
#3250e7
```
#3250e7 rgb(50,80,231)
```
#294af0
```
#294af0 rgb(41,74,240)
```
#2044f9
```
#2044f9 rgb(32,68,249)
```

Tone Color Variation

Below, you can see how #294af0 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

#535353 Achromatopsia 0.005% of the population
#4b5172 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c4 Protanopia 1% of men
#006baa Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#0e5bd4 Protanomaly 1% of men, 0.01% of women
#0e5fc3 Deuteranomaly 6% of men, 0.4% of women
#0e63a3 Tritanomaly 0.01% of the population

#294af0 hex color

#294af0 Color Information

#294af0 Color Conversion

Color Schemes with #294af0

Alternatives to #294af0

#294af0 Preview

Shades and Tints of #294af0

Tones of #294af0

Color Blindness Simulator