#7196bd hex color

In a RGB color space, hex #7196bd is composed of 44.3% red, 58.8% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 40.2% cyan, 20.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 210.8 degrees, a saturation of 36.5% and a lightness of 59.2%. #7196bd color hex could be obtained by blending #e2ffff with #002d7b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 59
- B 74
RGB color chart
- C 40
- M 21
- Y 0
- K 26
CMYK color chart

● #7196bd color description : Slightly desaturated blue.

The hexadecimal color #7196bd has RGB values of R:113, G:150, B:189 and CMYK values of C:0.4, M:0.21, Y:0, K:0.26. Its decimal value is 7444157.

Hex triplet	7196bd	`#7196bd`
RGB Decimal	113, 150, 189	`rgb(113,150,189)`
RGB Percent	44.3, 58.8, 74.1	`rgb(44.3%,58.8%,74.1%)`
CMYK	40, 21, 0, 26
HSL	210.8°, 36.5, 59.2	`hsl(210.8,36.5%,59.2%)`
HSV (or HSB)	210.8°, 40.2, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.778, -2.666, -24.275
XYZ	26.9, 28.996, 52.321
xyY	0.249, 0.268, 28.996
CIE-LCH	60.778, 24.421, 263.733
CIE-LUV	60.778, -18.931, -36.827
Hunter-Lab	53.848, -5.066, -19.914
Binary	01110001, 10010110, 10111101

#7196bd
```
#7196bd rgb(113,150,189)
```
#bd9871
```
#bd9871 rgb(189,152,113)
```

Complementary Color

#71bcbd
```
#71bcbd rgb(113,188,189)
```
#7196bd
```
#7196bd rgb(113,150,189)
```
#7271bd
```
#7271bd rgb(114,113,189)
```

Analogous Color

#bcbd71
```
#bcbd71 rgb(188,189,113)
```
#7196bd
```
#7196bd rgb(113,150,189)
```
#bd7271
```
#bd7271 rgb(189,114,113)
```

Split Complementary Color

#96bd71
```
#96bd71 rgb(150,189,113)
```
#7196bd
```
#7196bd rgb(113,150,189)
```
#bd7196
```
#bd7196 rgb(189,113,150)
```

Triadic Color

#71bd98
```
#71bd98 rgb(113,189,152)
```
#7196bd
```
#7196bd rgb(113,150,189)
```
#bd7196
```
#bd7196 rgb(189,113,150)
```
#bd9871
```
#bd9871 rgb(189,152,113)
```

Tetradic Color

#48709a
```
#48709a rgb(72,112,154)
```
#507cab
```
#507cab rgb(80,124,171)
```
#6089b5
```
#6089b5 rgb(96,137,181)
```
#7196bd
```
#7196bd rgb(113,150,189)
```
#82a3c5
```
#82a3c5 rgb(130,163,197)
```
#94b0cd
```
#94b0cd rgb(148,176,205)
```
#a5bdd5
```
#a5bdd5 rgb(165,189,213)
```

Monochromatic Color

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

#71a9bd
```
#71a9bd rgb(113,169,189)
```
#71a3bd
```
#71a3bd rgb(113,163,189)
```
#719cbd
```
#719cbd rgb(113,156,189)
```
#7196bd
```
#7196bd rgb(113,150,189)
```
#7190bd
```
#7190bd rgb(113,144,189)
```
#7189bd
```
#7189bd rgb(113,137,189)
```
#7183bd
```
#7183bd rgb(113,131,189)
```

Similar Colors

Text with hexadecimal color #7196bd

This text has a font color of #7196bd.

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

#7196bd background color

This paragraph has a background color of #7196bd.

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

#7196bd border color

This element has a border color of #7196bd.

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

CSS codes

.text {color:#7196bd;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#090e13
```
#090e13 rgb(9,14,19)
```
#0f1720
```
#0f1720 rgb(15,23,32)
```
#15212d
```
#15212d rgb(21,33,45)
```
#1b2b3b
```
#1b2b3b rgb(27,43,59)
```
#223448
```
#223448 rgb(34,52,72)
```
#283e56
```
#283e56 rgb(40,62,86)
```
#2e4863
```
#2e4863 rgb(46,72,99)
```
#345270
```
#345270 rgb(52,82,112)
```
#3a5b7e
```
#3a5b7e rgb(58,91,126)
```
#41658b
```
#41658b rgb(65,101,139)
```
#476f99
```
#476f99 rgb(71,111,153)
```
#4d78a6
```
#4d78a6 rgb(77,120,166)
```

Shade Color Variation

#5682b1
```
#5682b1 rgb(86,130,177)
```
#648cb7
```
#648cb7 rgb(100,140,183)
```
#7196bd
```
#7196bd rgb(113,150,189)
```
#7ea0c3
```
#7ea0c3 rgb(126,160,195)
```
#8caac9
```
#8caac9 rgb(140,170,201)
```
#99b4d0
```
#99b4d0 rgb(153,180,208)
```
#a7bed6
```
#a7bed6 rgb(167,190,214)
```
#b4c8dc
```
#b4c8dc rgb(180,200,220)
```
#c1d1e2
```
#c1d1e2 rgb(193,209,226)
```
#cfdbe9
```
#cfdbe9 rgb(207,219,233)
```
#dce5ef
```
#dce5ef rgb(220,229,239)
```
#eaeff5
```
#eaeff5 rgb(234,239,245)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

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

#91979d
```
#91979d rgb(145,151,157)
```
#8997a5
```
#8997a5 rgb(137,151,165)
```
#8196ad
```
#8196ad rgb(129,150,173)
```
#7996b5
```
#7996b5 rgb(121,150,181)
```
#7196bd
```
#7196bd rgb(113,150,189)
```
#6996c5
```
#6996c5 rgb(105,150,197)
```
#6196cd
```
#6196cd rgb(97,150,205)
```
#5995d5
```
#5995d5 rgb(89,149,213)
```
#5195dd
```
#5195dd rgb(81,149,221)
```
#4995e5
```
#4995e5 rgb(73,149,229)
```
#4195ed
```
#4195ed rgb(65,149,237)
```
#3995f5
```
#3995f5 rgb(57,149,245)
```
#3194fd
```
#3194fd rgb(49,148,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#899098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d96bd Protanopia 1% of men
#8e95c2 Deuteranopia 1% of men
#719fab Tritanopia 0.001% of the population

Trichromacy

#8396bd Protanomaly 1% of men, 0.01% of women
#8395c0 Deuteranomaly 6% of men, 0.4% of women
#719cb1 Tritanomaly 0.01% of the population

#7196bd hex color

#7196bd Color Information

#7196bd Color Conversion

Color Schemes with #7196bd

Alternatives to #7196bd

#7196bd Preview

Shades and Tints of #7196bd

Tones of #7196bd

Color Blindness Simulator