#296aed hex color

In a RGB color space, hex #296aed is composed of 16.1% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 220.1 degrees, a saturation of 84.5% and a lightness of 54.5%. #296aed color hex could be obtained by blending #52d4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 42
- B 93
RGB color chart
- C 83
- M 55
- Y 0
- K 7
CMYK color chart

● #296aed color description : Bright blue.

The hexadecimal color #296aed has RGB values of R:41, G:106, B:237 and CMYK values of C:0.83, M:0.55, Y:0, K:0.07. Its decimal value is 2714349.

Hex triplet	296aed	`#296aed`
RGB Decimal	41, 106, 237	`rgb(41,106,237)`
RGB Percent	16.1, 41.6, 92.9	`rgb(16.1%,41.6%,92.9%)`
CMYK	83, 55, 0, 7
HSL	220.1°, 84.5, 54.5	`hsl(220.1,84.5%,54.5%)`
HSV (or HSB)	220.1°, 82.7, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.124, 27.551, -71.589
XYZ	21.351, 16.892, 82.251
xyY	0.177, 0.14, 16.892
CIE-LCH	48.124, 76.708, 291.049
CIE-LUV	48.124, -21.313, -110.612
Hunter-Lab	41.1, 20.804, -89.884
Binary	00101001, 01101010, 11101101

#296aed
```
#296aed rgb(41,106,237)
```
#edac29
```
#edac29 rgb(237,172,41)
```

Complementary Color

#29cced
```
#29cced rgb(41,204,237)
```
#296aed
```
#296aed rgb(41,106,237)
```
#4a29ed
```
#4a29ed rgb(74,41,237)
```

Analogous Color

#cced29
```
#cced29 rgb(204,237,41)
```
#296aed
```
#296aed rgb(41,106,237)
```
#ed4a29
```
#ed4a29 rgb(237,74,41)
```

Split Complementary Color

#6aed29
```
#6aed29 rgb(106,237,41)
```
#296aed
```
#296aed rgb(41,106,237)
```
#ed296a
```
#ed296a rgb(237,41,106)
```

Triadic Color

#29edac
```
#29edac rgb(41,237,172)
```
#296aed
```
#296aed rgb(41,106,237)
```
#ed296a
```
#ed296a rgb(237,41,106)
```
#edac29
```
#edac29 rgb(237,172,41)
```

Tetradic Color

#1048ba
```
#1048ba rgb(16,72,186)
```
#1251d1
```
#1251d1 rgb(18,81,209)
```
#145ae9
```
#145ae9 rgb(20,90,233)
```
#296aed
```
#296aed rgb(41,106,237)
```
#417aef
```
#417aef rgb(65,122,239)
```
#588bf1
```
#588bf1 rgb(88,139,241)
```
#709bf3
```
#709bf3 rgb(112,155,243)
```

Monochromatic Color

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

#299bed
```
#299bed rgb(41,155,237)
```
#298bed
```
#298bed rgb(41,139,237)
```
#297aed
```
#297aed rgb(41,122,237)
```
#296aed
```
#296aed rgb(41,106,237)
```
#295aed
```
#295aed rgb(41,90,237)
```
#2949ed
```
#2949ed rgb(41,73,237)
```
#2939ed
```
#2939ed rgb(41,57,237)
```

Similar Colors

Text with hexadecimal color #296aed

This text has a font color of #296aed.

<span style="color:#296aed;">Text here</span>

#296aed background color

This paragraph has a background color of #296aed.

<p style="background-color:#296aed;">Content here</p>

#296aed border color

This element has a border color of #296aed.

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

CSS codes

.text {color:#296aed;}

.background {background-color:#296aed;}

.border {border:1px solid #296aed;}

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

#000103
```
#000103 rgb(0,1,3)
```
#020815
```
#020815 rgb(2,8,21)
```
#030f27
```
#030f27 rgb(3,15,39)
```
#051639
```
#051639 rgb(5,22,57)
```
#061d4b
```
#061d4b rgb(6,29,75)
```
#08245e
```
#08245e rgb(8,36,94)
```
#092b70
```
#092b70 rgb(9,43,112)
```
#0b3282
```
#0b3282 rgb(11,50,130)
```
#0c3994
```
#0c3994 rgb(12,57,148)
```
#0e40a6
```
#0e40a6 rgb(14,64,166)
```
#0f47b8
```
#0f47b8 rgb(15,71,184)
```
#114eca
```
#114eca rgb(17,78,202)
```
#1355dc
```
#1355dc rgb(19,85,220)
```

Shade Color Variation

#175deb
```
#175deb rgb(23,93,235)
```
#296aed
```
#296aed rgb(41,106,237)
```
#3b77ef
```
#3b77ef rgb(59,119,239)
```
#4d83f0
```
#4d83f0 rgb(77,131,240)
```
#5f90f2
```
#5f90f2 rgb(95,144,242)
```
#719cf3
```
#719cf3 rgb(113,156,243)
```
#83a9f5
```
#83a9f5 rgb(131,169,245)
```
#96b6f6
```
#96b6f6 rgb(150,182,246)
```
#a8c2f8
```
#a8c2f8 rgb(168,194,248)
```
#bacff9
```
#bacff9 rgb(186,207,249)
```
#ccdbfb
```
#ccdbfb rgb(204,219,251)
```
#dee8fc
```
#dee8fc rgb(222,232,252)
```
#f0f5fe
```
#f0f5fe rgb(240,245,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828894 is the less saturated color, while #1764ff is the most saturated one.

#828894
```
#828894 rgb(130,136,148)
```
#79859d
```
#79859d rgb(121,133,157)
```
#7082a6
```
#7082a6 rgb(112,130,166)
```
#677faf
```
#677faf rgb(103,127,175)
```
#5f7cb7
```
#5f7cb7 rgb(95,124,183)
```
#5679c0
```
#5679c0 rgb(86,121,192)
```
#4d76c9
```
#4d76c9 rgb(77,118,201)
```
#4473d2
```
#4473d2 rgb(68,115,210)
```
#3b70db
```
#3b70db rgb(59,112,219)
```
#326de4
```
#326de4 rgb(50,109,228)
```
#296aed
```
#296aed rgb(41,106,237)
```
#2067f6
```
#2067f6 rgb(32,103,246)
```
#1764ff
```
#1764ff rgb(23,100,255)
```

Tone Color Variation

Below, you can see how #296aed 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

#656565 Achromatopsia 0.005% of the population
#596680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e6 Protanopia 1% of men
#007cc9 Deuteranopia 1% of men
#00858d Tritanopia 0.001% of the population

Trichromacy

#0e71e9 Protanomaly 1% of men, 0.01% of women
#0e75d6 Deuteranomaly 6% of men, 0.4% of women
#0e7baf Tritanomaly 0.01% of the population

#296aed hex color

#296aed Color Information

#296aed Color Conversion

Color Schemes with #296aed

Alternatives to #296aed

#296aed Preview

Shades and Tints of #296aed

Tones of #296aed

Color Blindness Simulator