#506273 hex color

In a RGB color space, hex #506273 is composed of 31.4% red, 38.4% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 30.4% cyan, 14.8% magenta, 0% yellow and 54.9% black. It has a hue angle of 209.1 degrees, a saturation of 17.9% and a lightness of 38.2%. #506273 color hex could be obtained by blending #a0c4e6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 31
- G 38
- B 45
RGB color chart
- C 30
- M 15
- Y 0
- K 55
CMYK color chart

● #506273 color description : Mostly desaturated dark blue.

The hexadecimal color #506273 has RGB values of R:80, G:98, B:115 and CMYK values of C:0.3, M:0.15, Y:0, K:0.55. Its decimal value is 5268083.

Hex triplet	506273	`#506273`
RGB Decimal	80, 98, 115	`rgb(80,98,115)`
RGB Percent	31.4, 38.4, 45.1	`rgb(31.4%,38.4%,45.1%)`
CMYK	30, 15, 0, 55
HSL	209.1°, 17.9, 38.2	`hsl(209.1,17.9%,38.2%)`
HSV (or HSB)	209.1°, 30.4, 45.1
Web Safe	666666	`#666666`

CIE-LAB	40.7, -2.447, -11.814
XYZ	10.77, 11.678, 17.905
xyY	0.267, 0.289, 11.678
CIE-LCH	40.7, 12.065, 258.297
CIE-LUV	40.7, -9.571, -15.756
Hunter-Lab	34.174, -3.55, -7.144
Binary	01010000, 01100010, 01110011

#506273
```
#506273 rgb(80,98,115)
```
#736150
```
#736150 rgb(115,97,80)
```

Complementary Color

#507373
```
#507373 rgb(80,115,115)
```
#506273
```
#506273 rgb(80,98,115)
```
#505173
```
#505173 rgb(80,81,115)
```

Analogous Color

#737350
```
#737350 rgb(115,115,80)
```
#506273
```
#506273 rgb(80,98,115)
```
#735051
```
#735051 rgb(115,80,81)
```

Split Complementary Color

#627350
```
#627350 rgb(98,115,80)
```
#506273
```
#506273 rgb(80,98,115)
```
#735062
```
#735062 rgb(115,80,98)
```

Triadic Color

#507361
```
#507361 rgb(80,115,97)
```
#506273
```
#506273 rgb(80,98,115)
```
#735062
```
#735062 rgb(115,80,98)
```
#736150
```
#736150 rgb(115,97,80)
```

Tetradic Color

#313c46
```
#313c46 rgb(49,60,70)
```
#3b4855
```
#3b4855 rgb(59,72,85)
```
#465564
```
#465564 rgb(70,85,100)
```
#506273
```
#506273 rgb(80,98,115)
```
#5a6f82
```
#5a6f82 rgb(90,111,130)
```
#657c91
```
#657c91 rgb(101,124,145)
```
#72889d
```
#72889d rgb(114,136,157)
```

Monochromatic Color

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

#506b73
```
#506b73 rgb(80,107,115)
```
#506873
```
#506873 rgb(80,104,115)
```
#506573
```
#506573 rgb(80,101,115)
```
#506273
```
#506273 rgb(80,98,115)
```
#505f73
```
#505f73 rgb(80,95,115)
```
#505c73
```
#505c73 rgb(80,92,115)
```
#505973
```
#505973 rgb(80,89,115)
```

Similar Colors

Text with hexadecimal color #506273

This text has a font color of #506273.

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

#506273 background color

This paragraph has a background color of #506273.

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

#506273 border color

This element has a border color of #506273.

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

CSS codes

.text {color:#506273;}

.background {background-color:#506273;}

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

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

#08090b
```
#08090b rgb(8,9,11)
```
#101316
```
#101316 rgb(16,19,22)
```
#181d22
```
#181d22 rgb(24,29,34)
```
#20272e
```
#20272e rgb(32,39,46)
```
#283139
```
#283139 rgb(40,49,57)
```
#303b45
```
#303b45 rgb(48,59,69)
```
#384450
```
#384450 rgb(56,68,80)
```
#404e5c
```
#404e5c rgb(64,78,92)
```
#485867
```
#485867 rgb(72,88,103)
```
#506273
```
#506273 rgb(80,98,115)
```
#586c7f
```
#586c7f rgb(88,108,127)
```
#60768a
```
#60768a rgb(96,118,138)
```
#688096
```
#688096 rgb(104,128,150)
```

Shade Color Variation

#74899e
```
#74899e rgb(116,137,158)
```
#7f93a6
```
#7f93a6 rgb(127,147,166)
```
#8b9dae
```
#8b9dae rgb(139,157,174)
```
#96a7b6
```
#96a7b6 rgb(150,167,182)
```
#a2b0be
```
#a2b0be rgb(162,176,190)
```
#adbac6
```
#adbac6 rgb(173,186,198)
```
#b9c4ce
```
#b9c4ce rgb(185,196,206)
```
#c4ced6
```
#c4ced6 rgb(196,206,214)
```
#d0d7de
```
#d0d7de rgb(208,215,222)
```
#dce1e6
```
#dce1e6 rgb(220,225,230)
```
#e7ebee
```
#e7ebee rgb(231,235,238)
```
#f3f5f6
```
#f3f5f6 rgb(243,245,246)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6264 is the less saturated color, while #0564be is the most saturated one.

#5f6264
```
#5f6264 rgb(95,98,100)
```
#58626c
```
#58626c rgb(88,98,108)
```
#506273
```
#506273 rgb(80,98,115)
```
#49627b
```
#49627b rgb(73,98,123)
```
#416282
```
#416282 rgb(65,98,130)
```
#3a638a
```
#3a638a rgb(58,99,138)
```
#326391
```
#326391 rgb(50,99,145)
```
#2b6399
```
#2b6399 rgb(43,99,153)
```
#2363a0
```
#2363a0 rgb(35,99,160)
```
#1c64a8
```
#1c64a8 rgb(28,100,168)
```
#1464af
```
#1464af rgb(20,100,175)
```
#0d64b7
```
#0d64b7 rgb(13,100,183)
```
#0564be
```
#0564be rgb(5,100,190)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#5c6063 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646778 Protanopia 1% of men
#67667b Deuteranopia 1% of men
#576b73 Tritanopia 0.001% of the population

Trichromacy

#5d6576 Protanomaly 1% of men, 0.01% of women
#5f6478 Deuteranomaly 6% of men, 0.4% of women
#546873 Tritanomaly 0.01% of the population

#506273 hex color

#506273 Color Information

#506273 Color Conversion

Color Schemes with #506273

Alternatives to #506273

#506273 Preview

Shades and Tints of #506273

Tones of #506273

Color Blindness Simulator