#506768 Color Information
In a RGB color space, hex #506768 is composed of 31.4% red, 40.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 1% magenta, 0% yellow and 59.2% black. It has a hue angle of 182.5 degrees, a saturation of 13% and a lightness of 36.1%. #506768 color hex could be obtained by blending #a0ced0 with #000000. Closest websafe color is: #666666.
-
- R 31
- G 40
- B 41
-
- C 23
- M 1
- Y 0
- K 59
● #506768 color description : Very dark grayish cyan.
#506768 Color Conversion
The hexadecimal color #506768 has RGB values of R:80, G:103, B:104 and CMYK values of C:0.23, M:0.01, Y:0, K:0.59. Its decimal value is 5269352.
Hex triplet | 506768 | #506768 |
---|---|---|
RGB Decimal | 80, 103, 104 | rgb(80,103,104) |
RGB Percent | 31.4, 40.4, 40.8 | rgb(31.4%,40.4%,40.8%) |
CMYK | 23, 1, 0, 59 | |
HSL | 182.5°, 13, 36.1 | hsl(182.5,13%,36.1%) |
HSV (or HSB) | 182.5°, 23.1, 40.8 | |
Web Safe | 666666 | #666666 |
CIE-LAB | 41.853, -8.266, -3.384 |
---|---|
XYZ | 10.657, 12.405, 14.929 |
xyY | 0.281, 0.327, 12.405 |
CIE-LCH | 41.853, 8.932, 202.262 |
CIE-LUV | 41.853, -11.615, -3.304 |
Hunter-Lab | 35.221, -7.629, -0.476 |
Binary | 01010000, 01100111, 01101000 |
Color Schemes with #506768
Alternatives to #506768
Below, you can see some colors close to #506768. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#506768 Preview
This text has a font color of #506768.
<span style="color:#506768;">Text here</span>
This paragraph has a background color of #506768.
<p style="background-color:#506768;">Content here</p>
This element has a border color of #506768.
<div style="border:1px solid #506768;">Content here</div>
.text {color:#506768;}
.background {background-color:#506768;}
.border {border:1px solid #506768;}
Shades and Tints of #506768
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, #030404 is the darkest color, while #f8fafa is the lightest one.
-
#030404
#030404
rgb(3,4,4)
-
#0c0f0f
#0c0f0f
rgb(12,15,15)
-
#141a1a
#141a1a
rgb(20,26,26)
-
#1d2525
#1d2525
rgb(29,37,37)
-
#253031
#253031
rgb(37,48,49)
-
#2e3b3c
#2e3b3c
rgb(46,59,60)
-
#364647
#364647
rgb(54,70,71)
-
#3f5152
#3f5152
rgb(63,81,82)
-
#475c5d
#475c5d
rgb(71,92,93)
-
#506768
#506768
rgb(80,103,104)
-
#597273
#597273
rgb(89,114,115)
-
#617d7e
#617d7e
rgb(97,125,126)
-
#6a8889
#6a8889
rgb(106,136,137)
-
#739293
#739293
rgb(115,146,147)
-
#7e9b9c
#7e9b9c
rgb(126,155,156)
-
#89a3a4
#89a3a4
rgb(137,163,164)
-
#94acad
#94acad
rgb(148,172,173)
-
#9fb5b5
#9fb5b5
rgb(159,181,181)
-
#abbdbe
#abbdbe
rgb(171,189,190)
-
#b6c6c7
#b6c6c7
rgb(182,198,199)
-
#c1cecf
#c1cecf
rgb(193,206,207)
-
#ccd7d8
#ccd7d8
rgb(204,215,216)
-
#d7e0e0
#d7e0e0
rgb(215,224,224)
-
#e2e8e9
#e2e8e9
rgb(226,232,233)
-
#edf1f1
#edf1f1
rgb(237,241,241)
-
#f8fafa
#f8fafa
rgb(248,250,250)
Tones of #506768
A tone is produced by adding gray to any pure hue. In this case, #576161 is the less saturated color, while #02aeb6 is the most saturated one.
-
#576161
#576161
rgb(87,97,97)
-
#506768
#506768
rgb(80,103,104)
-
#496d6f
#496d6f
rgb(73,109,111)
-
#427476
#427476
rgb(66,116,118)
-
#3b7a7d
#3b7a7d
rgb(59,122,125)
-
#348184
#348184
rgb(52,129,132)
-
#2d878b
#2d878b
rgb(45,135,139)
-
#268e92
#268e92
rgb(38,142,146)
-
#1e949a
#1e949a
rgb(30,148,154)
-
#179ba1
#179ba1
rgb(23,155,161)
-
#10a1a8
#10a1a8
rgb(16,161,168)
-
#09a8af
#09a8af
rgb(9,168,175)
-
#02aeb6
#02aeb6
rgb(2,174,182)
Color Blindness Simulator
Below, you can see how #506768 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.