#5198c2 hex color

In a RGB color space, hex #5198c2 is composed of 31.8% red, 59.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 58.2% cyan, 21.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 202.3 degrees, a saturation of 48.1% and a lightness of 53.9%. #5198c2 color hex could be obtained by blending #a2ffff with #003185. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 60
- B 76
RGB color chart
- C 58
- M 22
- Y 0
- K 24
CMYK color chart

● #5198c2 color description : Moderate blue.

The hexadecimal color #5198c2 has RGB values of R:81, G:152, B:194 and CMYK values of C:0.58, M:0.22, Y:0, K:0.24. Its decimal value is 5347522.

Hex triplet	5198c2	`#5198c2`
RGB Decimal	81, 152, 194	`rgb(81,152,194)`
RGB Percent	31.8, 59.6, 76.1	`rgb(31.8%,59.6%,76.1%)`
CMYK	58, 22, 0, 24
HSL	202.3°, 48.1, 53.9	`hsl(202.3,48.1%,53.9%)`
HSV (or HSB)	202.3°, 58.2, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.978, -9.905, -28.454
XYZ	24.357, 28.099, 55.176
xyY	0.226, 0.261, 28.099
CIE-LCH	59.978, 30.129, 250.807
CIE-LUV	59.978, -30.005, -42.642
Hunter-Lab	53.009, -10.747, -24.608
Binary	01010001, 10011000, 11000010

#5198c2
```
#5198c2 rgb(81,152,194)
```
#c27b51
```
#c27b51 rgb(194,123,81)
```

Complementary Color

#51c2b4
```
#51c2b4 rgb(81,194,180)
```
#5198c2
```
#5198c2 rgb(81,152,194)
```
#5160c2
```
#5160c2 rgb(81,96,194)
```

Analogous Color

#c2b451
```
#c2b451 rgb(194,180,81)
```
#5198c2
```
#5198c2 rgb(81,152,194)
```
#c25160
```
#c25160 rgb(194,81,96)
```

Split Complementary Color

#98c251
```
#98c251 rgb(152,194,81)
```
#5198c2
```
#5198c2 rgb(81,152,194)
```
#c25198
```
#c25198 rgb(194,81,152)
```

Triadic Color

#51c27b
```
#51c27b rgb(81,194,123)
```
#5198c2
```
#5198c2 rgb(81,152,194)
```
#c25198
```
#c25198 rgb(194,81,152)
```
#c27b51
```
#c27b51 rgb(194,123,81)
```

Tetradic Color

#346f93
```
#346f93 rgb(52,111,147)
```
#3a7ea6
```
#3a7ea6 rgb(58,126,166)
```
#418cb9
```
#418cb9 rgb(65,140,185)
```
#5198c2
```
#5198c2 rgb(81,152,194)
```
#64a3c9
```
#64a3c9 rgb(100,163,201)
```
#77aecf
```
#77aecf rgb(119,174,207)
```
#8abad6
```
#8abad6 rgb(138,186,214)
```

Monochromatic Color

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

#51b4c2
```
#51b4c2 rgb(81,180,194)
```
#51abc2
```
#51abc2 rgb(81,171,194)
```
#51a1c2
```
#51a1c2 rgb(81,161,194)
```
#5198c2
```
#5198c2 rgb(81,152,194)
```
#518fc2
```
#518fc2 rgb(81,143,194)
```
#5185c2
```
#5185c2 rgb(81,133,194)
```
#517cc2
```
#517cc2 rgb(81,124,194)
```

Similar Colors

Text with hexadecimal color #5198c2

This text has a font color of #5198c2.

<span style="color:#5198c2;">Text here</span>

#5198c2 background color

This paragraph has a background color of #5198c2.

<p style="background-color:#5198c2;">Content here</p>

#5198c2 border color

This element has a border color of #5198c2.

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

CSS codes

.text {color:#5198c2;}

.background {background-color:#5198c2;}

.border {border:1px solid #5198c2;}

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

#000000
```
#000000 rgb(0,0,0)
```
#050b0f
```
#050b0f rgb(5,11,15)
```
#0a161d
```
#0a161d rgb(10,22,29)
```
#0f212c
```
#0f212c rgb(15,33,44)
```
#142c3a
```
#142c3a rgb(20,44,58)
```
#1a3749
```
#1a3749 rgb(26,55,73)
```
#1f4257
```
#1f4257 rgb(31,66,87)
```
#244d66
```
#244d66 rgb(36,77,102)
```
#295874
```
#295874 rgb(41,88,116)
```
#2e6383
```
#2e6383 rgb(46,99,131)
```
#336e92
```
#336e92 rgb(51,110,146)
```
#3879a0
```
#3879a0 rgb(56,121,160)
```
#3d84af
```
#3d84af rgb(61,132,175)
```

Shade Color Variation

#428fbd
```
#428fbd rgb(66,143,189)
```
#5198c2
```
#5198c2 rgb(81,152,194)
```
#60a1c7
```
#60a1c7 rgb(96,161,199)
```
#6ea9cc
```
#6ea9cc rgb(110,169,204)
```
#7db2d1
```
#7db2d1 rgb(125,178,209)
```
#8bbad6
```
#8bbad6 rgb(139,186,214)
```
#9ac3db
```
#9ac3db rgb(154,195,219)
```
#a8cce1
```
#a8cce1 rgb(168,204,225)
```
#b7d4e6
```
#b7d4e6 rgb(183,212,230)
```
#c5ddeb
```
#c5ddeb rgb(197,221,235)
```
#d4e5f0
```
#d4e5f0 rgb(212,229,240)
```
#e2eef5
```
#e2eef5 rgb(226,238,245)
```
#f1f7fa
```
#f1f7fa rgb(241,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878a8c is the less saturated color, while #1ba6f8 is the most saturated one.

#878a8c
```
#878a8c rgb(135,138,140)
```
#7e8c95
```
#7e8c95 rgb(126,140,149)
```
#758f9e
```
#758f9e rgb(117,143,158)
```
#6c91a7
```
#6c91a7 rgb(108,145,167)
```
#6393b0
```
#6393b0 rgb(99,147,176)
```
#5a96b9
```
#5a96b9 rgb(90,150,185)
```
#5198c2
```
#5198c2 rgb(81,152,194)
```
#489acb
```
#489acb rgb(72,154,203)
```
#3f9dd4
```
#3f9dd4 rgb(63,157,212)
```
#369fdd
```
#369fdd rgb(54,159,221)
```
#2da1e6
```
#2da1e6 rgb(45,161,230)
```
#24a4ef
```
#24a4ef rgb(36,164,239)
```
#1ba6f8
```
#1ba6f8 rgb(27,166,248)
```

Tone Color Variation

Below, you can see how #5198c2 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

#888888 Achromatopsia 0.005% of the population
#7d8b94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a94bf Protanopia 1% of men
#8594c8 Deuteranopia 1% of men
#4da1ad Tritanopia 0.001% of the population

Trichromacy

#7595c0 Protanomaly 1% of men, 0.01% of women
#7295c6 Deuteranomaly 6% of men, 0.4% of women
#4e9eb5 Tritanomaly 0.01% of the population

#5198c2 hex color

#5198c2 Color Information

#5198c2 Color Conversion

Color Schemes with #5198c2

Alternatives to #5198c2

#5198c2 Preview

Shades and Tints of #5198c2

Tones of #5198c2

Color Blindness Simulator