#7299e4 hex color

In a RGB color space, hex #7299e4 is composed of 44.7% red, 60% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 32.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 219.5 degrees, a saturation of 67.9% and a lightness of 67.1%. #7299e4 color hex could be obtained by blending #e4ffff with #0033c9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 45
- G 60
- B 89
RGB color chart
- C 50
- M 33
- Y 0
- K 11
CMYK color chart

● #7299e4 color description : Soft blue.

The hexadecimal color #7299e4 has RGB values of R:114, G:153, B:228 and CMYK values of C:0.5, M:0.33, Y:0, K:0.11. Its decimal value is 7510500.

Hex triplet	7299e4	`#7299e4`
RGB Decimal	114, 153, 228	`rgb(114,153,228)`
RGB Percent	44.7, 60, 89.4	`rgb(44.7%,60%,89.4%)`
CMYK	50, 33, 0, 11
HSL	219.5°, 67.9, 67.1	`hsl(219.5,67.9%,67.1%)`
HSV (or HSB)	219.5°, 50, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.31, 7.179, -42.106
XYZ	32.331, 31.96, 77.86
xyY	0.227, 0.225, 31.96
CIE-LCH	63.31, 42.714, 279.676
CIE-LUV	63.31, -20.017, -67.821
Hunter-Lab	56.533, 3.151, -42.084
Binary	01110010, 10011001, 11100100

#7299e4
```
#7299e4 rgb(114,153,228)
```
#e4bd72
```
#e4bd72 rgb(228,189,114)
```

Complementary Color

#72d2e4
```
#72d2e4 rgb(114,210,228)
```
#7299e4
```
#7299e4 rgb(114,153,228)
```
#8472e4
```
#8472e4 rgb(132,114,228)
```

Analogous Color

#d2e472
```
#d2e472 rgb(210,228,114)
```
#7299e4
```
#7299e4 rgb(114,153,228)
```
#e48472
```
#e48472 rgb(228,132,114)
```

Split Complementary Color

#99e472
```
#99e472 rgb(153,228,114)
```
#7299e4
```
#7299e4 rgb(114,153,228)
```
#e47299
```
#e47299 rgb(228,114,153)
```

Triadic Color

#72e4bd
```
#72e4bd rgb(114,228,189)
```
#7299e4
```
#7299e4 rgb(114,153,228)
```
#e47299
```
#e47299 rgb(228,114,153)
```
#e4bd72
```
#e4bd72 rgb(228,189,114)
```

Tetradic Color

#326bd8
```
#326bd8 rgb(50,107,216)
```
#477adc
```
#477adc rgb(71,122,220)
```
#5d8ae0
```
#5d8ae0 rgb(93,138,224)
```
#7299e4
```
#7299e4 rgb(114,153,228)
```
#87a8e8
```
#87a8e8 rgb(135,168,232)
```
#9db8ec
```
#9db8ec rgb(157,184,236)
```
#b2c7f0
```
#b2c7f0 rgb(178,199,240)
```

Monochromatic Color

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

#72b6e4
```
#72b6e4 rgb(114,182,228)
```
#72ace4
```
#72ace4 rgb(114,172,228)
```
#72a3e4
```
#72a3e4 rgb(114,163,228)
```
#7299e4
```
#7299e4 rgb(114,153,228)
```
#7290e4
```
#7290e4 rgb(114,144,228)
```
#7286e4
```
#7286e4 rgb(114,134,228)
```
#727de4
```
#727de4 rgb(114,125,228)
```

Similar Colors

Text with hexadecimal color #7299e4

This text has a font color of #7299e4.

<span style="color:#7299e4;">Text here</span>

#7299e4 background color

This paragraph has a background color of #7299e4.

<p style="background-color:#7299e4;">Content here</p>

#7299e4 border color

This element has a border color of #7299e4.

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

CSS codes

.text {color:#7299e4;}

.background {background-color:#7299e4;}

.border {border:1px solid #7299e4;}

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

#010307
```
#010307 rgb(1,3,7)
```
#050b18
```
#050b18 rgb(5,11,24)
```
#081328
```
#081328 rgb(8,19,40)
```
#0b1a39
```
#0b1a39 rgb(11,26,57)
```
#0e2249
```
#0e2249 rgb(14,34,73)
```
#112a59
```
#112a59 rgb(17,42,89)
```
#14326a
```
#14326a rgb(20,50,106)
```
#17397a
```
#17397a rgb(23,57,122)
```
#1b418b
```
#1b418b rgb(27,65,139)
```
#1e499b
```
#1e499b rgb(30,73,155)
```
#2150ac
```
#2150ac rgb(33,80,172)
```
#2458bc
```
#2458bc rgb(36,88,188)
```
#2760cd
```
#2760cd rgb(39,96,205)
```

Shade Color Variation

#3069d7
```
#3069d7 rgb(48,105,215)
```
#4175db
```
#4175db rgb(65,117,219)
```
#5181de
```
#5181de rgb(81,129,222)
```
#628de1
```
#628de1 rgb(98,141,225)
```
#7299e4
```
#7299e4 rgb(114,153,228)
```
#82a5e7
```
#82a5e7 rgb(130,165,231)
```
#93b1ea
```
#93b1ea rgb(147,177,234)
```
#a3bded
```
#a3bded rgb(163,189,237)
```
#b4c9f1
```
#b4c9f1 rgb(180,201,241)
```
#c4d5f4
```
#c4d5f4 rgb(196,213,244)
```
#d5e0f7
```
#d5e0f7 rgb(213,224,247)
```
#e5ecfa
```
#e5ecfa rgb(229,236,250)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

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

#a6a9b0
```
#a6a9b0 rgb(166,169,176)
```
#9fa7b7
```
#9fa7b7 rgb(159,167,183)
```
#99a5bd
```
#99a5bd rgb(153,165,189)
```
#92a3c4
```
#92a3c4 rgb(146,163,196)
```
#8ca1ca
```
#8ca1ca rgb(140,161,202)
```
#859fd1
```
#859fd1 rgb(133,159,209)
```
#7f9dd7
```
#7f9dd7 rgb(127,157,215)
```
#789bde
```
#789bde rgb(120,155,222)
```
#7299e4
```
#7299e4 rgb(114,153,228)
```
#6c97ea
```
#6c97ea rgb(108,151,234)
```
#6595f1
```
#6595f1 rgb(101,149,241)
```
#5f93f7
```
#5f93f7 rgb(95,147,247)
```
#5891fe
```
#5891fe rgb(88,145,254)
```

Tone Color Variation

Below, you can see how #7299e4 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

#969696 Achromatopsia 0.005% of the population
#8f97a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#849ce3 Protanopia 1% of men
#7a9de5 Deuteranopia 1% of men
#65a8b4 Tritanopia 0.001% of the population

Trichromacy

#7d9be3 Protanomaly 1% of men, 0.01% of women
#779ce4 Deuteranomaly 6% of men, 0.4% of women
#69a2c5 Tritanomaly 0.01% of the population

#7299e4 hex color

#7299e4 Color Information

#7299e4 Color Conversion

Color Schemes with #7299e4

Alternatives to #7299e4

#7299e4 Preview

Shades and Tints of #7299e4

Tones of #7299e4

Color Blindness Simulator