In the RGB color space, #24596A is composed of 14.1176% red, 34.902% green, and 41.5686% blue.
In the CMYK color space, #24596A is composed of 66.03% cyan, 16.05% magenta, 0% yellow, and 58.43% black,
It has a hue angle of 194.6 degrees, a saturation of 49.29%, and a lightness of 27.84%.
The closest websafe color is #336666.
The hexadecimal color #24596A has RGB values of R:36, G:89, B:106 and CMYK values of C:66.03, M:16.05, Y:0, K:58.43. It has a decimal value of 2382186.
Hexadecimal | #24596A | #24596A |
RGB Decimal | 36, 89, 106 | rgb(36, 89, 106) |
RGB Percent | 14.1176, 34.902, 41.5686 | rgb(14.1176%, 34.902%, 41.5686%) |
RGB Proportion | 0.1412, 0.349, 0.4157 | rgb(0.1412, 0.349, 0.4157) |
CMYK | 66.03, 16.05, 0, 58.43 | |
HSL | 194.6ยบ, 49.29, 27.84 | hsl(194.6, 49.29%, 27.84%) |
Websafe | 336666 | #336666 |
XYZ | 6.901, 8.56, 14.925 | |
Yxy | 8.56, 0.227, 0.282 | |
CIE-LAB | 35.123, -11.767, -14.978 | |
CIE-LCH | 35.123, 19.047, 231.846 | |
CIE-LUV | 35.123, -20.341, -18.5 | |
Hunter-Lab | 29.257, -9.098, -9.765 |
Colors that go well with #24596A.
Common HTML and CSS shortcodes for #24596A.
<div style="color: #24596A;">The quick brown fox jumps over the lazy dog.</div>
<div style="background-color: #24596A;">The quick brown fox jumps over the lazy dog.</div>
<div style="border: 1px solid #24596A;">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #24596A to transparent.
<div style="background: linear-gradient(#24596A, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #24596A to transparent.
<div style="background: radial-gradient(#24596A, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>
Linear gradient from #24596A to #DBA695.
<div style="background: linear-gradient(#24596A, #DBA695);">The quick brown fox jumps over the lazy dog.</div>
Radial gradient from #24596A to #DBA695.
<div style="background: radial-gradient(#24596A, #DBA695);">The quick brown fox jumps over the lazy dog.</div>
Handy CSS code and shortcuts.
.text { color: #24596A; }
.background { background-color: #24596A; }
.border { border: 1px solid #24596A; }
.linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); }
.radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }
Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #000202 while the lightest tint is #FBFCFC.