#5099c4 hex color

In a RGB color space, hex #5099c4 is composed of 31.4% red, 60% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 21.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 202.2 degrees, a saturation of 49.6% and a lightness of 54.1%. #5099c4 color hex could be obtained by blending #a0ffff with #003389. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 31
- G 60
- B 77
RGB color chart
- C 59
- M 22
- Y 0
- K 23
CMYK color chart

● #5099c4 color description : Moderate blue.

The hexadecimal color #5099c4 has RGB values of R:80, G:153, B:196 and CMYK values of C:0.59, M:0.22, Y:0, K:0.23. Its decimal value is 5282244.

Hex triplet	5099c4	`#5099c4`
RGB Decimal	80, 153, 196	`rgb(80,153,196)`
RGB Percent	31.4, 60, 76.9	`rgb(31.4%,60%,76.9%)`
CMYK	59, 22, 0, 23
HSL	202.2°, 49.6, 54.1	`hsl(202.2,49.6%,54.1%)`
HSV (or HSB)	202.2°, 59.2, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.313, -10.03, -29.064
XYZ	24.661, 28.472, 56.418
xyY	0.225, 0.26, 28.472
CIE-LCH	60.313, 30.746, 250.961
CIE-LUV	60.313, -30.572, -43.669
Hunter-Lab	53.359, -10.881, -25.337
Binary	01010000, 10011001, 11000100

#5099c4
```
#5099c4 rgb(80,153,196)
```
#c47b50
```
#c47b50 rgb(196,123,80)
```

Complementary Color

#50c4b5
```
#50c4b5 rgb(80,196,181)
```
#5099c4
```
#5099c4 rgb(80,153,196)
```
#505fc4
```
#505fc4 rgb(80,95,196)
```

Analogous Color

#c4b550
```
#c4b550 rgb(196,181,80)
```
#5099c4
```
#5099c4 rgb(80,153,196)
```
#c4505f
```
#c4505f rgb(196,80,95)
```

Split Complementary Color

#99c450
```
#99c450 rgb(153,196,80)
```
#5099c4
```
#5099c4 rgb(80,153,196)
```
#c45099
```
#c45099 rgb(196,80,153)
```

Triadic Color

#50c47b
```
#50c47b rgb(80,196,123)
```
#5099c4
```
#5099c4 rgb(80,153,196)
```
#c45099
```
#c45099 rgb(196,80,153)
```
#c47b50
```
#c47b50 rgb(196,123,80)
```

Tetradic Color

#327195
```
#327195 rgb(50,113,149)
```
#397fa8
```
#397fa8 rgb(57,127,168)
```
#3f8dbb
```
#3f8dbb rgb(63,141,187)
```
#5099c4
```
#5099c4 rgb(80,153,196)
```
#63a4ca
```
#63a4ca rgb(99,164,202)
```
#76afd1
```
#76afd1 rgb(118,175,209)
```
#89bad7
```
#89bad7 rgb(137,186,215)
```

Monochromatic Color

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

#50b6c4
```
#50b6c4 rgb(80,182,196)
```
#50acc4
```
#50acc4 rgb(80,172,196)
```
#50a3c4
```
#50a3c4 rgb(80,163,196)
```
#5099c4
```
#5099c4 rgb(80,153,196)
```
#508fc4
```
#508fc4 rgb(80,143,196)
```
#5086c4
```
#5086c4 rgb(80,134,196)
```
#507cc4
```
#507cc4 rgb(80,124,196)
```

Similar Colors

Text with hexadecimal color #5099c4

This text has a font color of #5099c4.

<span style="color:#5099c4;">Text here</span>

#5099c4 background color

This paragraph has a background color of #5099c4.

<p style="background-color:#5099c4;">Content here</p>

#5099c4 border color

This element has a border color of #5099c4.

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

CSS codes

.text {color:#5099c4;}

.background {background-color:#5099c4;}

.border {border:1px solid #5099c4;}

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

#000101
```
#000101 rgb(0,1,1)
```
#050c10
```
#050c10 rgb(5,12,16)
```
#0a171e
```
#0a171e rgb(10,23,30)
```
#0f222d
```
#0f222d rgb(15,34,45)
```
#142d3c
```
#142d3c rgb(20,45,60)
```
#19384a
```
#19384a rgb(25,56,74)
```
#1e4359
```
#1e4359 rgb(30,67,89)
```
#234e68
```
#234e68 rgb(35,78,104)
```
#285976
```
#285976 rgb(40,89,118)
```
#2d6485
```
#2d6485 rgb(45,100,133)
```
#326f94
```
#326f94 rgb(50,111,148)
```
#377aa2
```
#377aa2 rgb(55,122,162)
```
#3c86b1
```
#3c86b1 rgb(60,134,177)
```

Shade Color Variation

#4190bf
```
#4190bf rgb(65,144,191)
```
#5099c4
```
#5099c4 rgb(80,153,196)
```
#5fa2c9
```
#5fa2c9 rgb(95,162,201)
```
#6daace
```
#6daace rgb(109,170,206)
```
#7cb3d3
```
#7cb3d3 rgb(124,179,211)
```
#8bbbd8
```
#8bbbd8 rgb(139,187,216)
```
#99c4dd
```
#99c4dd rgb(153,196,221)
```
#a8cce2
```
#a8cce2 rgb(168,204,226)
```
#b7d5e7
```
#b7d5e7 rgb(183,213,231)
```
#c5ddec
```
#c5ddec rgb(197,221,236)
```
#d4e6f1
```
#d4e6f1 rgb(212,230,241)
```
#e3eff5
```
#e3eff5 rgb(227,239,245)
```
#f1f7fa
```
#f1f7fa rgb(241,247,250)
```

Tint Color Variation

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

#868b8e
```
#868b8e rgb(134,139,142)
```
#7d8d97
```
#7d8d97 rgb(125,141,151)
```
#7490a0
```
#7490a0 rgb(116,144,160)
```
#6b92a9
```
#6b92a9 rgb(107,146,169)
```
#6294b2
```
#6294b2 rgb(98,148,178)
```
#5997bb
```
#5997bb rgb(89,151,187)
```
#5099c4
```
#5099c4 rgb(80,153,196)
```
#479bcd
```
#479bcd rgb(71,155,205)
```
#3e9ed6
```
#3e9ed6 rgb(62,158,214)
```
#35a0df
```
#35a0df rgb(53,160,223)
```
#2ca2e8
```
#2ca2e8 rgb(44,162,232)
```
#23a5f1
```
#23a5f1 rgb(35,165,241)
```
#1aa7fa
```
#1aa7fa rgb(26,167,250)
```

Tone Color Variation

Below, you can see how #5099c4 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

#8a95c1 Protanopia 1% of men
#8595ca Deuteranopia 1% of men
#4ba2ae Tritanopia 0.001% of the population

Trichromacy

#7596c2 Protanomaly 1% of men, 0.01% of women
#7196c8 Deuteranomaly 6% of men, 0.4% of women
#4d9fb6 Tritanomaly 0.01% of the population

#5099c4 hex color

#5099c4 Color Information

#5099c4 Color Conversion

Color Schemes with #5099c4

Alternatives to #5099c4

#5099c4 Preview

Shades and Tints of #5099c4

Tones of #5099c4

Color Blindness Simulator