#507298 hex color

In a RGB color space, hex #507298 is composed of 31.4% red, 44.7% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 25% magenta, 0% yellow and 40.4% black. It has a hue angle of 211.7 degrees, a saturation of 31% and a lightness of 45.5%. #507298 color hex could be obtained by blending #a0e4ff with #000031. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 45
- B 60
RGB color chart
- C 47
- M 25
- Y 0
- K 40
CMYK color chart

● #507298 color description : Dark moderate blue.

The hexadecimal color #507298 has RGB values of R:80, G:114, B:152 and CMYK values of C:0.47, M:0.25, Y:0, K:0.4. Its decimal value is 5272216.

Hex triplet	507298	`#507298`
RGB Decimal	80, 114, 152	`rgb(80,114,152)`
RGB Percent	31.4, 44.7, 59.6	`rgb(31.4%,44.7%,59.6%)`
CMYK	47, 25, 0, 40
HSL	211.7°, 31, 45.5	`hsl(211.7,31%,45.5%)`
HSV (or HSB)	211.7°, 47.4, 59.6
Web Safe	666699	`#666699`

CIE-LAB	46.983, -1.326, -24.386
XYZ	14.992, 16.006, 32.004
xyY	0.238, 0.254, 16.006
CIE-LCH	46.983, 24.422, 266.888
CIE-LUV	46.983, -16.516, -35.444
Hunter-Lab	40.008, -3.126, -19.422
Binary	01010000, 01110010, 10011000

#507298
```
#507298 rgb(80,114,152)
```
#987650
```
#987650 rgb(152,118,80)
```

Complementary Color

#509698
```
#509698 rgb(80,150,152)
```
#507298
```
#507298 rgb(80,114,152)
```
#525098
```
#525098 rgb(82,80,152)
```

Analogous Color

#969850
```
#969850 rgb(150,152,80)
```
#507298
```
#507298 rgb(80,114,152)
```
#985250
```
#985250 rgb(152,82,80)
```

Split Complementary Color

#729850
```
#729850 rgb(114,152,80)
```
#507298
```
#507298 rgb(80,114,152)
```
#985072
```
#985072 rgb(152,80,114)
```

Triadic Color

#509876
```
#509876 rgb(80,152,118)
```
#507298
```
#507298 rgb(80,114,152)
```
#985072
```
#985072 rgb(152,80,114)
```
#987650
```
#987650 rgb(152,118,80)
```

Tetradic Color

#364c66
```
#364c66 rgb(54,76,102)
```
#3e5977
```
#3e5977 rgb(62,89,119)
```
#476587
```
#476587 rgb(71,101,135)
```
#507298
```
#507298 rgb(80,114,152)
```
#5a7fa8
```
#5a7fa8 rgb(90,127,168)
```
#6a8cb1
```
#6a8cb1 rgb(106,140,177)
```
#7b99ba
```
#7b99ba rgb(123,153,186)
```

Monochromatic Color

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

#508498
```
#508498 rgb(80,132,152)
```
#507e98
```
#507e98 rgb(80,126,152)
```
#507898
```
#507898 rgb(80,120,152)
```
#507298
```
#507298 rgb(80,114,152)
```
#506c98
```
#506c98 rgb(80,108,152)
```
#506698
```
#506698 rgb(80,102,152)
```
#506098
```
#506098 rgb(80,96,152)
```

Similar Colors

Text with hexadecimal color #507298

This text has a font color of #507298.

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

#507298 background color

This paragraph has a background color of #507298.

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

#507298 border color

This element has a border color of #507298.

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

CSS codes

.text {color:#507298;}

.background {background-color:#507298;}

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

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, #06080b is the darkest color, while #fdfdfe is the lightest one.

#06080b
```
#06080b rgb(6,8,11)
```
#0c1217
```
#0c1217 rgb(12,18,23)
```
#131b24
```
#131b24 rgb(19,27,36)
```
#1a2531
```
#1a2531 rgb(26,37,49)
```
#212f3e
```
#212f3e rgb(33,47,62)
```
#27384b
```
#27384b rgb(39,56,75)
```
#2e4258
```
#2e4258 rgb(46,66,88)
```
#354b65
```
#354b65 rgb(53,75,101)
```
#3c5571
```
#3c5571 rgb(60,85,113)
```
#425f7e
```
#425f7e rgb(66,95,126)
```
#49688b
```
#49688b rgb(73,104,139)
```
#507298
```
#507298 rgb(80,114,152)
```
#577ca5
```
#577ca5 rgb(87,124,165)
```

Shade Color Variation

#6386ad
```
#6386ad rgb(99,134,173)
```
#6f90b3
```
#6f90b3 rgb(111,144,179)
```
#7c9aba
```
#7c9aba rgb(124,154,186)
```
#89a3c1
```
#89a3c1 rgb(137,163,193)
```
#96adc8
```
#96adc8 rgb(150,173,200)
```
#a3b7ce
```
#a3b7ce rgb(163,183,206)
```
#b0c1d5
```
#b0c1d5 rgb(176,193,213)
```
#bdcbdc
```
#bdcbdc rgb(189,203,220)
```
#c9d5e3
```
#c9d5e3 rgb(201,213,227)
```
#d6dfea
```
#d6dfea rgb(214,223,234)
```
#e3e9f0
```
#e3e9f0 rgb(227,233,240)
```
#f0f3f7
```
#f0f3f7 rgb(240,243,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#747474
```
#747474 rgb(116,116,116)
```
#6b737d
```
#6b737d rgb(107,115,125)
```
#627386
```
#627386 rgb(98,115,134)
```
#59728f
```
#59728f rgb(89,114,143)
```
#507298
```
#507298 rgb(80,114,152)
```
#4772a1
```
#4772a1 rgb(71,114,161)
```
#3e71aa
```
#3e71aa rgb(62,113,170)
```
#3571b3
```
#3571b3 rgb(53,113,179)
```
#2c70bc
```
#2c70bc rgb(44,112,188)
```
#2370c5
```
#2370c5 rgb(35,112,197)
```
#1a6fce
```
#1a6fce rgb(26,111,206)
```
#126fd6
```
#126fd6 rgb(18,111,214)
```
#096edf
```
#096edf rgb(9,110,223)
```

Tone Color Variation

Below, you can see how #507298 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
#666d75 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b759a Protanopia 1% of men
#69759e Deuteranopia 1% of men
#507d86 Tritanopia 0.001% of the population

Trichromacy

#617499 Protanomaly 1% of men, 0.01% of women
#60749c Deuteranomaly 6% of men, 0.4% of women
#50798d Tritanomaly 0.01% of the population

#507298 hex color

#507298 Color Information

#507298 Color Conversion

Color Schemes with #507298

Alternatives to #507298

#507298 Preview

Shades and Tints of #507298

Tones of #507298

Color Blindness Simulator