#507688 hex color

In a RGB color space, hex #507688 is composed of 31.4% red, 46.3% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 41.2% cyan, 13.2% magenta, 0% yellow and 46.7% black. It has a hue angle of 199.3 degrees, a saturation of 25.9% and a lightness of 42.4%. #507688 color hex could be obtained by blending #a0ecff with #000011. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 31
- G 46
- B 53
RGB color chart
- C 41
- M 13
- Y 0
- K 47
CMYK color chart

● #507688 color description : Mostly desaturated dark blue.

The hexadecimal color #507688 has RGB values of R:80, G:118, B:136 and CMYK values of C:0.41, M:0.13, Y:0, K:0.47. Its decimal value is 5273224.

Hex triplet	507688	`#507688`
RGB Decimal	80, 118, 136	`rgb(80,118,136)`
RGB Percent	31.4, 46.3, 53.3	`rgb(31.4%,46.3%,53.3%)`
CMYK	41, 13, 0, 47
HSL	199.3°, 25.9, 42.4	`hsl(199.3,25.9%,42.4%)`
HSV (or HSB)	199.3°, 41.2, 53.3
Web Safe	666699	`#666699`

CIE-LAB	47.546, -8.41, -14.063
XYZ	14.23, 16.439, 25.714
xyY	0.252, 0.292, 16.439
CIE-LCH	47.546, 16.385, 239.12
CIE-LUV	47.546, -18.187, -18.886
Hunter-Lab	40.545, -8.309, -9.221
Binary	01010000, 01110110, 10001000

#507688
```
#507688 rgb(80,118,136)
```
#886250
```
#886250 rgb(136,98,80)
```

Complementary Color

#50887e
```
#50887e rgb(80,136,126)
```
#507688
```
#507688 rgb(80,118,136)
```
#505a88
```
#505a88 rgb(80,90,136)
```

Analogous Color

#887e50
```
#887e50 rgb(136,126,80)
```
#507688
```
#507688 rgb(80,118,136)
```
#88505a
```
#88505a rgb(136,80,90)
```

Split Complementary Color

#768850
```
#768850 rgb(118,136,80)
```
#507688
```
#507688 rgb(80,118,136)
```
#885076
```
#885076 rgb(136,80,118)
```

Triadic Color

#508862
```
#508862 rgb(80,136,98)
```
#507688
```
#507688 rgb(80,118,136)
```
#885076
```
#885076 rgb(136,80,118)
```
#886250
```
#886250 rgb(136,98,80)
```

Tetradic Color

#344c58
```
#344c58 rgb(52,76,88)
```
#3d5a68
```
#3d5a68 rgb(61,90,104)
```
#476878
```
#476878 rgb(71,104,120)
```
#507688
```
#507688 rgb(80,118,136)
```
#598498
```
#598498 rgb(89,132,152)
```
#6691a5
```
#6691a5 rgb(102,145,165)
```
#769cae
```
#769cae rgb(118,156,174)
```

Monochromatic Color

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

#508488
```
#508488 rgb(80,132,136)
```
#507f88
```
#507f88 rgb(80,127,136)
```
#507b88
```
#507b88 rgb(80,123,136)
```
#507688
```
#507688 rgb(80,118,136)
```
#507188
```
#507188 rgb(80,113,136)
```
#506d88
```
#506d88 rgb(80,109,136)
```
#506888
```
#506888 rgb(80,104,136)
```

Similar Colors

Text with hexadecimal color #507688

This text has a font color of #507688.

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

#507688 background color

This paragraph has a background color of #507688.

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

#507688 border color

This element has a border color of #507688.

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

CSS codes

.text {color:#507688;}

.background {background-color:#507688;}

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

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 #f3f6f8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#070b0c
```
#070b0c rgb(7,11,12)
```
#0f1619
```
#0f1619 rgb(15,22,25)
```
#162025
```
#162025 rgb(22,32,37)
```
#1d2b32
```
#1d2b32 rgb(29,43,50)
```
#24363e
```
#24363e rgb(36,54,62)
```
#2c404a
```
#2c404a rgb(44,64,74)
```
#334b57
```
#334b57 rgb(51,75,87)
```
#3a5663
```
#3a5663 rgb(58,86,99)
```
#41616f
```
#41616f rgb(65,97,111)
```
#496b7c
```
#496b7c rgb(73,107,124)
```
#507688
```
#507688 rgb(80,118,136)
```
#578194
```
#578194 rgb(87,129,148)
```

Shade Color Variation

#5f8ba1
```
#5f8ba1 rgb(95,139,161)
```
#6b94a8
```
#6b94a8 rgb(107,148,168)
```
#779daf
```
#779daf rgb(119,157,175)
```
#84a6b6
```
#84a6b6 rgb(132,166,182)
```
#90afbe
```
#90afbe rgb(144,175,190)
```
#9cb8c5
```
#9cb8c5 rgb(156,184,197)
```
#a9c1cc
```
#a9c1cc rgb(169,193,204)
```
#b5cad3
```
#b5cad3 rgb(181,202,211)
```
#c1d3db
```
#c1d3db rgb(193,211,219)
```
#cedce2
```
#cedce2 rgb(206,220,226)
```
#dae4e9
```
#dae4e9 rgb(218,228,233)
```
#e6edf1
```
#e6edf1 rgb(230,237,241)
```
#f3f6f8
```
#f3f6f8 rgb(243,246,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696d6f is the less saturated color, while #0591d3 is the most saturated one.

#696d6f
```
#696d6f rgb(105,109,111)
```
#617077
```
#617077 rgb(97,112,119)
```
#587380
```
#587380 rgb(88,115,128)
```
#507688
```
#507688 rgb(80,118,136)
```
#487990
```
#487990 rgb(72,121,144)
```
#3f7c99
```
#3f7c99 rgb(63,124,153)
```
#377fa1
```
#377fa1 rgb(55,127,161)
```
#2f82a9
```
#2f82a9 rgb(47,130,169)
```
#2685b2
```
#2685b2 rgb(38,133,178)
```
#1e88ba
```
#1e88ba rgb(30,136,186)
```
#168bc2
```
#168bc2 rgb(22,139,194)
```
#0e8eca
```
#0e8eca rgb(14,142,202)
```
#0591d3
```
#0591d3 rgb(5,145,211)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#676f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#74778a Protanopia 1% of men
#767590 Deuteranopia 1% of men
#567e87 Tritanopia 0.001% of the population

Trichromacy

#677689 Protanomaly 1% of men, 0.01% of women
#68758d Deuteranomaly 6% of men, 0.4% of women
#547b87 Tritanomaly 0.01% of the population

#507688 hex color

#507688 Color Information

#507688 Color Conversion

Color Schemes with #507688

Alternatives to #507688

#507688 Preview

Shades and Tints of #507688

Tones of #507688

Color Blindness Simulator