#295af4 hex color

In a RGB color space, hex #295af4 is composed of 16.1% red, 35.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 63.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 225.5 degrees, a saturation of 90.2% and a lightness of 55.9%. #295af4 color hex could be obtained by blending #52b4ff with #0000e9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 35
- B 96
RGB color chart
- C 83
- M 63
- Y 0
- K 4
CMYK color chart

● #295af4 color description : Bright blue.

The hexadecimal color #295af4 has RGB values of R:41, G:90, B:244 and CMYK values of C:0.83, M:0.63, Y:0, K:0.04. Its decimal value is 2710260.

Hex triplet	295af4	`#295af4`
RGB Decimal	41, 90, 244	`rgb(41,90,244)`
RGB Percent	16.1, 35.3, 95.7	`rgb(16.1%,35.3%,95.7%)`
CMYK	83, 63, 0, 4
HSL	225.5°, 90.2, 55.9	`hsl(225.5,90.2%,55.9%)`
HSV (or HSB)	225.5°, 83.2, 95.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.68, 40.223, -81.142
XYZ	20.896, 14.314, 87.244
xyY	0.171, 0.117, 14.314
CIE-LCH	44.68, 90.564, 296.368
CIE-LUV	44.68, -17.294, -121.574
Hunter-Lab	37.834, 32.381, -110.24
Binary	00101001, 01011010, 11110100

#295af4
```
#295af4 rgb(41,90,244)
```
#f4c329
```
#f4c329 rgb(244,195,41)
```

Complementary Color

#29c0f4
```
#29c0f4 rgb(41,192,244)
```
#295af4
```
#295af4 rgb(41,90,244)
```
#5e29f4
```
#5e29f4 rgb(94,41,244)
```

Analogous Color

#c0f429
```
#c0f429 rgb(192,244,41)
```
#295af4
```
#295af4 rgb(41,90,244)
```
#f45e29
```
#f45e29 rgb(244,94,41)
```

Split Complementary Color

#5af429
```
#5af429 rgb(90,244,41)
```
#295af4
```
#295af4 rgb(41,90,244)
```
#f4295a
```
#f4295a rgb(244,41,90)
```

Triadic Color

#29f4c3
```
#29f4c3 rgb(41,244,195)
```
#295af4
```
#295af4 rgb(41,90,244)
```
#f4295a
```
#f4295a rgb(244,41,90)
```
#f4c329
```
#f4c329 rgb(244,195,41)
```

Tetradic Color

#0a38c6
```
#0a38c6 rgb(10,56,198)
```
#0b3edf
```
#0b3edf rgb(11,62,223)
```
#1147f3
```
#1147f3 rgb(17,71,243)
```
#295af4
```
#295af4 rgb(41,90,244)
```
#416df5
```
#416df5 rgb(65,109,245)
```
#5a7ff6
```
#5a7ff6 rgb(90,127,246)
```
#7292f8
```
#7292f8 rgb(114,146,248)
```

Monochromatic Color

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

#298df4
```
#298df4 rgb(41,141,244)
```
#297cf4
```
#297cf4 rgb(41,124,244)
```
#296bf4
```
#296bf4 rgb(41,107,244)
```
#295af4
```
#295af4 rgb(41,90,244)
```
#2949f4
```
#2949f4 rgb(41,73,244)
```
#2938f4
```
#2938f4 rgb(41,56,244)
```
#2b29f4
```
#2b29f4 rgb(43,41,244)
```

Similar Colors

Text with hexadecimal color #295af4

This text has a font color of #295af4.

<span style="color:#295af4;">Text here</span>

#295af4 background color

This paragraph has a background color of #295af4.

<p style="background-color:#295af4;">Content here</p>

#295af4 border color

This element has a border color of #295af4.

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

CSS codes

.text {color:#295af4;}

.background {background-color:#295af4;}

.border {border:1px solid #295af4;}

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, #01030a is the darkest color, while #f6f8ff is the lightest one.

#01030a
```
#01030a rgb(1,3,10)
```
#01081d
```
#01081d rgb(1,8,29)
```
#020d2f
```
#020d2f rgb(2,13,47)
```
#031242
```
#031242 rgb(3,18,66)
```
#041855
```
#041855 rgb(4,24,85)
```
#051d67
```
#051d67 rgb(5,29,103)
```
#06227a
```
#06227a rgb(6,34,122)
```
#07278c
```
#07278c rgb(7,39,140)
```
#082d9f
```
#082d9f rgb(8,45,159)
```
#0932b2
```
#0932b2 rgb(9,50,178)
```
#0a37c4
```
#0a37c4 rgb(10,55,196)
```
#0b3cd7
```
#0b3cd7 rgb(11,60,215)
```
#0c42ea
```
#0c42ea rgb(12,66,234)
```

Shade Color Variation

#164cf3
```
#164cf3 rgb(22,76,243)
```
#295af4
```
#295af4 rgb(41,90,244)
```
#3c68f5
```
#3c68f5 rgb(60,104,245)
```
#4e77f6
```
#4e77f6 rgb(78,119,246)
```
#6185f7
```
#6185f7 rgb(97,133,247)
```
#7494f8
```
#7494f8 rgb(116,148,248)
```
#86a2f9
```
#86a2f9 rgb(134,162,249)
```
#99b0fa
```
#99b0fa rgb(153,176,250)
```
#acbffb
```
#acbffb rgb(172,191,251)
```
#becdfc
```
#becdfc rgb(190,205,252)
```
#d1dbfd
```
#d1dbfd rgb(209,219,253)
```
#e4eafe
```
#e4eafe rgb(228,234,254)
```
#f6f8ff
```
#f6f8ff rgb(246,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888b95 is the less saturated color, while #2056fd is the most saturated one.

#888b95
```
#888b95 rgb(136,139,149)
```
#80879d
```
#80879d rgb(128,135,157)
```
#7782a6
```
#7782a6 rgb(119,130,166)
```
#6e7eaf
```
#6e7eaf rgb(110,126,175)
```
#6679b7
```
#6679b7 rgb(102,121,183)
```
#5d75c0
```
#5d75c0 rgb(93,117,192)
```
#5470c9
```
#5470c9 rgb(84,112,201)
```
#4c6cd1
```
#4c6cd1 rgb(76,108,209)
```
#4367da
```
#4367da rgb(67,103,218)
```
#3a63e3
```
#3a63e3 rgb(58,99,227)
```
#325eeb
```
#325eeb rgb(50,94,235)
```
#295af4
```
#295af4 rgb(41,90,244)
```
#2056fd
```
#2056fd rgb(32,86,253)
```

Tone Color Variation

Below, you can see how #295af4 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

#5d5d5d Achromatopsia 0.005% of the population
#535c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#0e66e1 Protanomaly 1% of men, 0.01% of women
#0e6acf Deuteranomaly 6% of men, 0.4% of women
#0e70ac Tritanomaly 0.01% of the population

#295af4 hex color

#295af4 Color Information

#295af4 Color Conversion

Color Schemes with #295af4

Alternatives to #295af4

#295af4 Preview

Shades and Tints of #295af4

Tones of #295af4

Color Blindness Simulator