#508698 hex color

In a RGB color space, hex #508698 is composed of 31.4% red, 52.5% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 47.4% cyan, 11.8% magenta, 0% yellow and 40.4% black. It has a hue angle of 195 degrees, a saturation of 31% and a lightness of 45.5%. #508698 color hex could be obtained by blending #a0ffff with #000d31. Closest websafe color is: #669999.

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

● #508698 color description : Dark moderate blue.

The hexadecimal color #508698 has RGB values of R:80, G:134, B:152 and CMYK values of C:0.47, M:0.12, Y:0, K:0.4. Its decimal value is 5277336.

Hex triplet	508698	`#508698`
RGB Decimal	80, 134, 152	`rgb(80,134,152)`
RGB Percent	31.4, 52.5, 59.6	`rgb(31.4%,52.5%,59.6%)`
CMYK	47, 12, 0, 40
HSL	195°, 31, 45.5	`hsl(195,31%,45.5%)`
HSV (or HSB)	195°, 47.4, 59.6
Web Safe	669999	`#669999`

CIE-LAB	52.973, -12.853, -15.205
XYZ	17.499, 21.022, 32.839
xyY	0.245, 0.295, 21.022
CIE-LCH	52.973, 19.91, 229.792
CIE-LUV	52.973, -24.489, -20.465
Hunter-Lab	45.849, -12.108, -10.372
Binary	01010000, 10000110, 10011000

#508698
```
#508698 rgb(80,134,152)
```
#986250
```
#986250 rgb(152,98,80)
```

Complementary Color

#509886
```
#509886 rgb(80,152,134)
```
#508698
```
#508698 rgb(80,134,152)
```
#506298
```
#506298 rgb(80,98,152)
```

Analogous Color

#988650
```
#988650 rgb(152,134,80)
```
#508698
```
#508698 rgb(80,134,152)
```
#985062
```
#985062 rgb(152,80,98)
```

Split Complementary Color

#869850
```
#869850 rgb(134,152,80)
```
#508698
```
#508698 rgb(80,134,152)
```
#985086
```
#985086 rgb(152,80,134)
```

Triadic Color

#509862
```
#509862 rgb(80,152,98)
```
#508698
```
#508698 rgb(80,134,152)
```
#985086
```
#985086 rgb(152,80,134)
```
#986250
```
#986250 rgb(152,98,80)
```

Tetradic Color

#365a66
```
#365a66 rgb(54,90,102)
```
#3e6977
```
#3e6977 rgb(62,105,119)
```
#477787
```
#477787 rgb(71,119,135)
```
#508698
```
#508698 rgb(80,134,152)
```
#5a94a8
```
#5a94a8 rgb(90,148,168)
```
#6a9fb1
```
#6a9fb1 rgb(106,159,177)
```
#7baaba
```
#7baaba rgb(123,170,186)
```

Monochromatic Color

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

#509898
```
#509898 rgb(80,152,152)
```
#509298
```
#509298 rgb(80,146,152)
```
#508c98
```
#508c98 rgb(80,140,152)
```
#508698
```
#508698 rgb(80,134,152)
```
#508098
```
#508098 rgb(80,128,152)
```
#507a98
```
#507a98 rgb(80,122,152)
```
#507498
```
#507498 rgb(80,116,152)
```

Similar Colors

Text with hexadecimal color #508698

This text has a font color of #508698.

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

#508698 background color

This paragraph has a background color of #508698.

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

#508698 border color

This element has a border color of #508698.

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

CSS codes

.text {color:#508698;}

.background {background-color:#508698;}

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

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

#06090b
```
#06090b rgb(6,9,11)
```
#0c1517
```
#0c1517 rgb(12,21,23)
```
#132024
```
#132024 rgb(19,32,36)
```
#1a2b31
```
#1a2b31 rgb(26,43,49)
```
#21373e
```
#21373e rgb(33,55,62)
```
#27424b
```
#27424b rgb(39,66,75)
```
#2e4d58
```
#2e4d58 rgb(46,77,88)
```
#355965
```
#355965 rgb(53,89,101)
```
#3c6471
```
#3c6471 rgb(60,100,113)
```
#426f7e
```
#426f7e rgb(66,111,126)
```
#497b8b
```
#497b8b rgb(73,123,139)
```
#508698
```
#508698 rgb(80,134,152)
```
#5791a5
```
#5791a5 rgb(87,145,165)
```

Shade Color Variation

#639aad
```
#639aad rgb(99,154,173)
```
#6fa2b3
```
#6fa2b3 rgb(111,162,179)
```
#7cabba
```
#7cabba rgb(124,171,186)
```
#89b3c1
```
#89b3c1 rgb(137,179,193)
```
#96bbc8
```
#96bbc8 rgb(150,187,200)
```
#a3c4ce
```
#a3c4ce rgb(163,196,206)
```
#b0ccd5
```
#b0ccd5 rgb(176,204,213)
```
#bdd4dc
```
#bdd4dc rgb(189,212,220)
```
#c9dce3
```
#c9dce3 rgb(201,220,227)
```
#d6e5ea
```
#d6e5ea rgb(214,229,234)
```
#e3edf0
```
#e3edf0 rgb(227,237,240)
```
#f0f5f7
```
#f0f5f7 rgb(240,245,247)
```
#fdfefe
```
#fdfefe rgb(253,254,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 #09aadf is the most saturated one.

#747474
```
#747474 rgb(116,116,116)
```
#6b797d
```
#6b797d rgb(107,121,125)
```
#627d86
```
#627d86 rgb(98,125,134)
```
#59828f
```
#59828f rgb(89,130,143)
```
#508698
```
#508698 rgb(80,134,152)
```
#478aa1
```
#478aa1 rgb(71,138,161)
```
#3e8faa
```
#3e8faa rgb(62,143,170)
```
#3593b3
```
#3593b3 rgb(53,147,179)
```
#2c98bc
```
#2c98bc rgb(44,152,188)
```
#239cc5
```
#239cc5 rgb(35,156,197)
```
#1aa1ce
```
#1aa1ce rgb(26,161,206)
```
#12a5d6
```
#12a5d6 rgb(18,165,214)
```
#09aadf
```
#09aadf rgb(9,170,223)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#707b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#818498 Protanopia 1% of men
#8282a0 Deuteranopia 1% of men
#568d97 Tritanopia 0.001% of the population

Trichromacy

#6f8498 Protanomaly 1% of men, 0.01% of women
#70839d Deuteranomaly 6% of men, 0.4% of women
#548a97 Tritanomaly 0.01% of the population

#508698 hex color

#508698 Color Information

#508698 Color Conversion

Color Schemes with #508698

Alternatives to #508698

#508698 Preview

Shades and Tints of #508698

Tones of #508698

Color Blindness Simulator