#507294 hex color

In a RGB color space, hex #507294 is composed of 31.4% red, 44.7% green and 58% blue. Whereas in a CMYK color space, it is composed of 45.9% cyan, 23% magenta, 0% yellow and 42% black. It has a hue angle of 210 degrees, a saturation of 29.8% and a lightness of 44.7%. #507294 color hex could be obtained by blending #a0e4ff with #000029. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 45
- B 58
RGB color chart
- C 46
- M 23
- Y 0
- K 42
CMYK color chart

● #507294 color description : Dark moderate blue.

The hexadecimal color #507294 has RGB values of R:80, G:114, B:148 and CMYK values of C:0.46, M:0.23, Y:0, K:0.42. Its decimal value is 5272212.

Hex triplet	507294	`#507294`
RGB Decimal	80, 114, 148	`rgb(80,114,148)`
RGB Percent	31.4, 44.7, 58	`rgb(31.4%,44.7%,58%)`
CMYK	46, 23, 0, 42
HSL	210°, 29.8, 44.7	`hsl(210,29.8%,44.7%)`
HSV (or HSB)	210°, 45.9, 58
Web Safe	666699	`#666699`

CIE-LAB	46.813, -2.544, -22.285
XYZ	14.67, 15.878, 30.307
xyY	0.241, 0.261, 15.878
CIE-LCH	46.813, 22.43, 263.487
CIE-LUV	46.813, -16.517, -32.034
Hunter-Lab	39.847, -4.016, -17.203
Binary	01010000, 01110010, 10010100

#507294
```
#507294 rgb(80,114,148)
```
#947250
```
#947250 rgb(148,114,80)
```

Complementary Color

#509494
```
#509494 rgb(80,148,148)
```
#507294
```
#507294 rgb(80,114,148)
```
#505094
```
#505094 rgb(80,80,148)
```

Analogous Color

#949450
```
#949450 rgb(148,148,80)
```
#507294
```
#507294 rgb(80,114,148)
```
#945050
```
#945050 rgb(148,80,80)
```

Split Complementary Color

#729450
```
#729450 rgb(114,148,80)
```
#507294
```
#507294 rgb(80,114,148)
```
#945072
```
#945072 rgb(148,80,114)
```

Triadic Color

#509472
```
#509472 rgb(80,148,114)
```
#507294
```
#507294 rgb(80,114,148)
```
#945072
```
#945072 rgb(148,80,114)
```
#947250
```
#947250 rgb(148,114,80)
```

Tetradic Color

#354c62
```
#354c62 rgb(53,76,98)
```
#3e5973
```
#3e5973 rgb(62,89,115)
```
#476583
```
#476583 rgb(71,101,131)
```
#507294
```
#507294 rgb(80,114,148)
```
#597fa5
```
#597fa5 rgb(89,127,165)
```
#698cae
```
#698cae rgb(105,140,174)
```
#7a98b7
```
#7a98b7 rgb(122,152,183)
```

Monochromatic Color

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

#508394
```
#508394 rgb(80,131,148)
```
#507d94
```
#507d94 rgb(80,125,148)
```
#507894
```
#507894 rgb(80,120,148)
```
#507294
```
#507294 rgb(80,114,148)
```
#506c94
```
#506c94 rgb(80,108,148)
```
#506794
```
#506794 rgb(80,103,148)
```
#506194
```
#506194 rgb(80,97,148)
```

Similar Colors

Text with hexadecimal color #507294

This text has a font color of #507294.

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

#507294 background color

This paragraph has a background color of #507294.

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

#507294 border color

This element has a border color of #507294.

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

CSS codes

.text {color:#507294;}

.background {background-color:#507294;}

.border {border:1px solid #507294;}

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

#040608
```
#040608 rgb(4,6,8)
```
#0b1015
```
#0b1015 rgb(11,16,21)
```
#121a21
```
#121a21 rgb(18,26,33)
```
#19242e
```
#19242e rgb(25,36,46)
```
#202d3b
```
#202d3b rgb(32,45,59)
```
#273748
```
#273748 rgb(39,55,72)
```
#2e4154
```
#2e4154 rgb(46,65,84)
```
#344b61
```
#344b61 rgb(52,75,97)
```
#3b556e
```
#3b556e rgb(59,85,110)
```
#425e7b
```
#425e7b rgb(66,94,123)
```
#496887
```
#496887 rgb(73,104,135)
```
#507294
```
#507294 rgb(80,114,148)
```
#577ca1
```
#577ca1 rgb(87,124,161)
```

Shade Color Variation

#6186aa
```
#6186aa rgb(97,134,170)
```
#6e8fb1
```
#6e8fb1 rgb(110,143,177)
```
#7b99b8
```
#7b99b8 rgb(123,153,184)
```
#88a3be
```
#88a3be rgb(136,163,190)
```
#94adc5
```
#94adc5 rgb(148,173,197)
```
#a1b7cc
```
#a1b7cc rgb(161,183,204)
```
#aec0d3
```
#aec0d3 rgb(174,192,211)
```
#bbcada
```
#bbcada rgb(187,202,218)
```
#c7d4e1
```
#c7d4e1 rgb(199,212,225)
```
#d4dee8
```
#d4dee8 rgb(212,222,232)
```
#e1e8ef
```
#e1e8ef rgb(225,232,239)
```
#edf2f6
```
#edf2f6 rgb(237,242,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a727a is the less saturated color, while #0172e3 is the most saturated one.

#6a727a
```
#6a727a rgb(106,114,122)
```
#627282
```
#627282 rgb(98,114,130)
```
#59728b
```
#59728b rgb(89,114,139)
```
#507294
```
#507294 rgb(80,114,148)
```
#47729d
```
#47729d rgb(71,114,157)
```
#3e72a6
```
#3e72a6 rgb(62,114,166)
```
#3672ae
```
#3672ae rgb(54,114,174)
```
#2d72b7
```
#2d72b7 rgb(45,114,183)
```
#2472c0
```
#2472c0 rgb(36,114,192)
```
#1b72c9
```
#1b72c9 rgb(27,114,201)
```
#1372d1
```
#1372d1 rgb(19,114,209)
```
#0a72da
```
#0a72da rgb(10,114,218)
```
#0172e3
```
#0172e3 rgb(1,114,227)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#666d74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7596 Protanopia 1% of men
#6b749b Deuteranopia 1% of men
#527d86 Tritanopia 0.001% of the population

Trichromacy

#627495 Protanomaly 1% of men, 0.01% of women
#617398 Deuteranomaly 6% of men, 0.4% of women
#51798b Tritanomaly 0.01% of the population

#507294 hex color

#507294 Color Information

#507294 Color Conversion

Color Schemes with #507294

Alternatives to #507294

#507294 Preview

Shades and Tints of #507294

Tones of #507294

Color Blindness Simulator