#7196fe hex color

In a RGB color space, hex #7196fe is composed of 44.3% red, 58.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 55.5% cyan, 40.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 224.3 degrees, a saturation of 98.6% and a lightness of 72%. #7196fe color hex could be obtained by blending #e2ffff with #002dfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 59
- B 100
RGB color chart
- C 56
- M 41
- Y 0
- K 0
CMYK color chart

● #7196fe color description : Soft blue.

The hexadecimal color #7196fe has RGB values of R:113, G:150, B:254 and CMYK values of C:0.56, M:0.41, Y:0, K:0. Its decimal value is 7444222.

Hex triplet	7196fe	`#7196fe`
RGB Decimal	113, 150, 254	`rgb(113,150,254)`
RGB Percent	44.3, 58.8, 99.6	`rgb(44.3%,58.8%,99.6%)`
CMYK	56, 41, 0, 0
HSL	224.3°, 98.6, 72	`hsl(224.3,98.6%,72%)`
HSV (or HSB)	224.3°, 55.5, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.735, 16.738, -55.727
XYZ	35.602, 32.477, 98.153
xyY	0.214, 0.195, 32.477
CIE-LCH	63.735, 58.186, 286.718
CIE-LUV	63.735, -19.539, -91.693
Hunter-Lab	56.989, 11.781, -62.224
Binary	01110001, 10010110, 11111110

#7196fe
```
#7196fe rgb(113,150,254)
```
#fed971
```
#fed971 rgb(254,217,113)
```

Complementary Color

#71ddfe
```
#71ddfe rgb(113,221,254)
```
#7196fe
```
#7196fe rgb(113,150,254)
```
#9371fe
```
#9371fe rgb(147,113,254)
```

Analogous Color

#ddfe71
```
#ddfe71 rgb(221,254,113)
```
#7196fe
```
#7196fe rgb(113,150,254)
```
#fe9371
```
#fe9371 rgb(254,147,113)
```

Split Complementary Color

#96fe71
```
#96fe71 rgb(150,254,113)
```
#7196fe
```
#7196fe rgb(113,150,254)
```
#fe7196
```
#fe7196 rgb(254,113,150)
```

Triadic Color

#71fed9
```
#71fed9 rgb(113,254,217)
```
#7196fe
```
#7196fe rgb(113,150,254)
```
#fe7196
```
#fe7196 rgb(254,113,150)
```
#fed971
```
#fed971 rgb(254,217,113)
```

Tetradic Color

#255efd
```
#255efd rgb(37,94,253)
```
#3e71fe
```
#3e71fe rgb(62,113,254)
```
#5883fe
```
#5883fe rgb(88,131,254)
```
#7196fe
```
#7196fe rgb(113,150,254)
```
#8aa9fe
```
#8aa9fe rgb(138,169,254)
```
#a4bbfe
```
#a4bbfe rgb(164,187,254)
```
#bdceff
```
#bdceff rgb(189,206,255)
```

Monochromatic Color

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

#71b9fe
```
#71b9fe rgb(113,185,254)
```
#71aefe
```
#71aefe rgb(113,174,254)
```
#71a2fe
```
#71a2fe rgb(113,162,254)
```
#7196fe
```
#7196fe rgb(113,150,254)
```
#718afe
```
#718afe rgb(113,138,254)
```
#717ffe
```
#717ffe rgb(113,127,254)
```
#7173fe
```
#7173fe rgb(113,115,254)
```

Similar Colors

Text with hexadecimal color #7196fe

This text has a font color of #7196fe.

<span style="color:#7196fe;">Text here</span>

#7196fe background color

This paragraph has a background color of #7196fe.

<p style="background-color:#7196fe;">Content here</p>

#7196fe border color

This element has a border color of #7196fe.

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

CSS codes

.text {color:#7196fe;}

.background {background-color:#7196fe;}

.border {border:1px solid #7196fe;}

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

#00040e
```
#00040e rgb(0,4,14)
```
#000921
```
#000921 rgb(0,9,33)
```
#000e35
```
#000e35 rgb(0,14,53)
```
#011348
```
#011348 rgb(1,19,72)
```
#01195c
```
#01195c rgb(1,25,92)
```
#011e6f
```
#011e6f rgb(1,30,111)
```
#012383
```
#012383 rgb(1,35,131)
```
#012896
```
#012896 rgb(1,40,150)
```
#012daa
```
#012daa rgb(1,45,170)
```
#0133bd
```
#0133bd rgb(1,51,189)
```
#0138d1
```
#0138d1 rgb(1,56,209)
```
#023de4
```
#023de4 rgb(2,61,228)
```
#0242f8
```
#0242f8 rgb(2,66,248)
```

Shade Color Variation

#104efd
```
#104efd rgb(16,78,253)
```
#235cfd
```
#235cfd rgb(35,92,253)
```
#376bfe
```
#376bfe rgb(55,107,254)
```
#4a79fe
```
#4a79fe rgb(74,121,254)
```
#5e88fe
```
#5e88fe rgb(94,136,254)
```
#7196fe
```
#7196fe rgb(113,150,254)
```
#84a4fe
```
#84a4fe rgb(132,164,254)
```
#98b3fe
```
#98b3fe rgb(152,179,254)
```
#abc1fe
```
#abc1fe rgb(171,193,254)
```
#bfd0ff
```
#bfd0ff rgb(191,208,255)
```
#d2deff
```
#d2deff rgb(210,222,255)
```
#e6ecff
```
#e6ecff rgb(230,236,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#b3b5bc
```
#b3b5bc rgb(179,181,188)
```
#aeb3c2
```
#aeb3c2 rgb(174,179,194)
```
#a8b0c7
```
#a8b0c7 rgb(168,176,199)
```
#a3aecd
```
#a3aecd rgb(163,174,205)
```
#9dabd2
```
#9dabd2 rgb(157,171,210)
```
#98a8d8
```
#98a8d8 rgb(152,168,216)
```
#92a6dd
```
#92a6dd rgb(146,166,221)
```
#8da3e3
```
#8da3e3 rgb(141,163,227)
```
#87a0e8
```
#87a0e8 rgb(135,160,232)
```
#829eee
```
#829eee rgb(130,158,238)
```
#7c9bf3
```
#7c9bf3 rgb(124,155,243)
```
#7799f9
```
#7799f9 rgb(119,153,249)
```
#7196fe
```
#7196fe rgb(113,150,254)
```

Tone Color Variation

Below, you can see how #7196fe 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

#979797 Achromatopsia 0.005% of the population
#8f97ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#729cfe Protanopia 1% of men
#5ca0fb Deuteranopia 1% of men
#54abb8 Tritanopia 0.001% of the population

Trichromacy

#729afe Protanomaly 1% of men, 0.01% of women
#649cfc Deuteranomaly 6% of men, 0.4% of women
#5fa3d1 Tritanomaly 0.01% of the population

#7196fe hex color

#7196fe Color Information

#7196fe Color Conversion

Color Schemes with #7196fe

Alternatives to #7196fe

#7196fe Preview

Shades and Tints of #7196fe

Tones of #7196fe

Color Blindness Simulator