#7196b5 hex color

In a RGB color space, hex #7196b5 is composed of 44.3% red, 58.8% green and 71% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 17.1% magenta, 0% yellow and 29% black. It has a hue angle of 207.4 degrees, a saturation of 31.5% and a lightness of 57.6%. #7196b5 color hex could be obtained by blending #e2ffff with #002d6b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 44
- G 59
- B 71
RGB color chart
- C 38
- M 17
- Y 0
- K 29
CMYK color chart

● #7196b5 color description : Slightly desaturated blue.

The hexadecimal color #7196b5 has RGB values of R:113, G:150, B:181 and CMYK values of C:0.38, M:0.17, Y:0, K:0.29. Its decimal value is 7444149.

Hex triplet	7196b5	`#7196b5`
RGB Decimal	113, 150, 181	`rgb(113,150,181)`
RGB Percent	44.3, 58.8, 71	`rgb(44.3%,58.8%,71%)`
CMYK	38, 17, 0, 29
HSL	207.4°, 31.5, 57.6	`hsl(207.4,31.5%,57.6%)`
HSV (or HSB)	207.4°, 37.6, 71
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.479, -4.848, -20.219
XYZ	26.055, 28.659, 47.872
xyY	0.254, 0.279, 28.659
CIE-LCH	60.479, 20.792, 256.517
CIE-LUV	60.479, -18.877, -29.983
Hunter-Lab	53.534, -6.808, -15.546
Binary	01110001, 10010110, 10110101

#7196b5
```
#7196b5 rgb(113,150,181)
```
#b59071
```
#b59071 rgb(181,144,113)
```

Complementary Color

#71b5b2
```
#71b5b2 rgb(113,181,178)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#7174b5
```
#7174b5 rgb(113,116,181)
```

Analogous Color

#b5b271
```
#b5b271 rgb(181,178,113)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#b57174
```
#b57174 rgb(181,113,116)
```

Split Complementary Color

#96b571
```
#96b571 rgb(150,181,113)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#b57196
```
#b57196 rgb(181,113,150)
```

Triadic Color

#71b590
```
#71b590 rgb(113,181,144)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#b57196
```
#b57196 rgb(181,113,150)
```
#b59071
```
#b59071 rgb(181,144,113)
```

Tetradic Color

#4b708f
```
#4b708f rgb(75,112,143)
```
#537da0
```
#537da0 rgb(83,125,160)
```
#608aac
```
#608aac rgb(96,138,172)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#82a2be
```
#82a2be rgb(130,162,190)
```
#93afc6
```
#93afc6 rgb(147,175,198)
```
#a3bbcf
```
#a3bbcf rgb(163,187,207)
```

Monochromatic Color

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

#71a7b5
```
#71a7b5 rgb(113,167,181)
```
#71a1b5
```
#71a1b5 rgb(113,161,181)
```
#719cb5
```
#719cb5 rgb(113,156,181)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#7190b5
```
#7190b5 rgb(113,144,181)
```
#718bb5
```
#718bb5 rgb(113,139,181)
```
#7185b5
```
#7185b5 rgb(113,133,181)
```

Similar Colors

Text with hexadecimal color #7196b5

This text has a font color of #7196b5.

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

#7196b5 background color

This paragraph has a background color of #7196b5.

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

#7196b5 border color

This element has a border color of #7196b5.

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

CSS codes

.text {color:#7196b5;}

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

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

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, #070a0d is the darkest color, while #ffffff is the lightest one.

#070a0d
```
#070a0d rgb(7,10,13)
```
#0d141a
```
#0d141a rgb(13,20,26)
```
#141e27
```
#141e27 rgb(20,30,39)
```
#1b2833
```
#1b2833 rgb(27,40,51)
```
#223240
```
#223240 rgb(34,50,64)
```
#283c4d
```
#283c4d rgb(40,60,77)
```
#2f465a
```
#2f465a rgb(47,70,90)
```
#365167
```
#365167 rgb(54,81,103)
```
#3c5b74
```
#3c5b74 rgb(60,91,116)
```
#436581
```
#436581 rgb(67,101,129)
```
#4a6f8e
```
#4a6f8e rgb(74,111,142)
```
#51799b
```
#51799b rgb(81,121,155)
```
#5783a7
```
#5783a7 rgb(87,131,167)
```

Shade Color Variation

#648cae
```
#648cae rgb(100,140,174)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#7ea0bc
```
#7ea0bc rgb(126,160,188)
```
#8ba9c2
```
#8ba9c2 rgb(139,169,194)
```
#98b3c9
```
#98b3c9 rgb(152,179,201)
```
#a5bcd0
```
#a5bcd0 rgb(165,188,208)
```
#b1c6d7
```
#b1c6d7 rgb(177,198,215)
```
#becfdd
```
#becfdd rgb(190,207,221)
```
#cbd9e4
```
#cbd9e4 rgb(203,217,228)
```
#d8e2eb
```
#d8e2eb rgb(216,226,235)
```
#e5ecf1
```
#e5ecf1 rgb(229,236,241)
```
#f2f5f8
```
#f2f5f8 rgb(242,245,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#929394
```
#929394 rgb(146,147,148)
```
#8a949c
```
#8a949c rgb(138,148,156)
```
#8295a4
```
#8295a4 rgb(130,149,164)
```
#7995ad
```
#7995ad rgb(121,149,173)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#6997bd
```
#6997bd rgb(105,151,189)
```
#6097c6
```
#6097c6 rgb(96,151,198)
```
#5898ce
```
#5898ce rgb(88,152,206)
```
#5099d6
```
#5099d6 rgb(80,153,214)
```
#479adf
```
#479adf rgb(71,154,223)
```
#3f9ae7
```
#3f9ae7 rgb(63,154,231)
```
#379bef
```
#379bef rgb(55,155,239)
```
#2f9cf7
```
#2f9cf7 rgb(47,156,247)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#889096 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f96b5 Protanopia 1% of men
#9194bb Deuteranopia 1% of men
#739ea9 Tritanopia 0.001% of the population

Trichromacy

#8496b5 Protanomaly 1% of men, 0.01% of women
#8595b8 Deuteranomaly 6% of men, 0.4% of women
#729bad Tritanomaly 0.01% of the population

#7196b5 hex color

#7196b5 Color Information

#7196b5 Color Conversion

Color Schemes with #7196b5

Alternatives to #7196b5

#7196b5 Preview

Shades and Tints of #7196b5

Tones of #7196b5

Color Blindness Simulator