#28848A Color Information


In the RGB color space, #28848A is composed of 15.6863% red, 51.7647% green, and 54.1176% blue.

In the CMYK color space, #28848A is composed of 71.01% cyan, 4.36% magenta, 0% yellow, and 45.88% black,

It has a hue angle of 183.7 degrees, a saturation of 55.05%, and a lightness of 34.91%.

The closest websafe color is #339999.

#28848A RGB Values

#28848A CMYK Values



#28848A Color Conversion


The hexadecimal color #28848A has RGB values of R:40, G:132, B:138 and CMYK values of C:71.01, M:4.36, Y:0, K:45.88. It has a decimal value of 2655370.


Hexadecimal #28848A #28848A
RGB Decimal 40, 132, 138 rgb(40, 132, 138)
RGB Percent 15.6863, 51.7647, 54.1176 rgb(15.6863%, 51.7647%, 54.1176%)
RGB Proportion 0.1569, 0.5176, 0.5412 rgb(0.1569, 0.5176, 0.5412)
CMYK 71.01, 4.36, 0, 45.88
HSL 183.7ยบ, 55.05, 34.91 hsl(183.7, 55.05%, 34.91%)
Websafe 339999 #339999
XYZ 13.713, 18.786, 26.95
Yxy 18.786, 0.231, 0.316
CIE-LAB 50.436, -24.12, -11.028
CIE-LCH 50.436, 26.522, 204.571
CIE-LUV 50.436, -34.156, -12.519
Hunter-Lab 43.343, -19.375, -6.526

Color Schemes For #28848A


Colors that go well with #28848A.

Complementary Color
Analogous Colors
Triadic Colors
Split Complementary Color
Tetradic Colors
Monochromatic

Alternatives to #28848A


Colors similar to #28848A.


#28848A Preview


Common HTML and CSS shortcodes for #28848A.

Text with color #28848A


The quick brown fox jumps over the lazy dog.

<div style="color: #28848A;">The quick brown fox jumps over the lazy dog.</div>

#28848A as background color


The quick brown fox jumps over the lazy dog.

<div style="background-color: #28848A;">The quick brown fox jumps over the lazy dog.</div>

Border with #28848A


The quick brown fox jumps over the lazy dog.

<div style="border: 1px solid #28848A;">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #28848A


Linear gradient from #28848A to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#28848A, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #28848A


Radial gradient from #28848A to transparent.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#28848A, rgba(255, 255, 255, 0));">The quick brown fox jumps over the lazy dog.</div>

Linear Gradient with #28848A and its Complementary Color


Linear gradient from #28848A to #D77B75.

The quick brown fox jumps over the lazy dog.

<div style="background: linear-gradient(#28848A, #D77B75);">The quick brown fox jumps over the lazy dog.</div>

Radial Gradient with #28848A and its Complementary Color


Radial gradient from #28848A to #D77B75.

The quick brown fox jumps over the lazy dog.

<div style="background: radial-gradient(#28848A, #D77B75);">The quick brown fox jumps over the lazy dog.</div>

CSS Code


Handy CSS code and shortcuts.

.text { color: #28848A; } .background { background-color: #28848A; } .border { border: 1px solid #28848A; } .linear-gradient { background: linear-gradient(#faf310, rgba(255, 255, 255, 0)); } .radial-gradient { background: radial-gradient(#faf310, rgba(255, 255, 255, 0)); }

Shades and Tints of #28848A


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 #FBFDFD.

Shades


Tints

Random Colors