#306D6B Color Information


In the RGB color space, #306D6B is composed of 18.8235% red, 42.7451% green, and 41.9608% blue.

In the CMYK color space, #306D6B is composed of 55.98% cyan, 0% magenta, 1.85% yellow, and 57.25% black,

It has a hue angle of 178.0 degrees, a saturation of 38.87%, and a lightness of 30.79%.

The closest websafe color is #336666.

#306D6B RGB Values

#306D6B CMYK Values



#306D6B Color Conversion


The hexadecimal color #306D6B has RGB values of R:48, G:109, B:107 and CMYK values of C:55.98, M:0, Y:1.85, K:57.25. It has a decimal value of 3173739.


Hexadecimal #306D6B #306D6B
RGB Decimal 48, 109, 107 rgb(48, 109, 107)
RGB Percent 18.8235, 42.7451, 41.9608 rgb(18.8235%, 42.7451%, 41.9608%)
RGB Proportion 0.1882, 0.4275, 0.4196 rgb(0.1882, 0.4275, 0.4196)
CMYK 55.98, 0, 1.85, 57.25
HSL 178.0ยบ, 38.87, 30.79 hsl(178.0, 38.87%, 30.79%)
Websafe 336666 #336666
XYZ 9.342, 12.63, 15.855
Yxy 12.63, 0.247, 0.334
CIE-LAB 42.2, -20.116, -4.875
CIE-LCH 42.2, 20.698, 193.623
CIE-LUV 42.2, -25.322, -3.803
Hunter-Lab 35.539, -15.271, -1.574

Color Schemes For #306D6B


Colors that go well with #306D6B.

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

Alternatives to #306D6B


Colors similar to #306D6B.


#306D6B Preview


Common HTML and CSS shortcodes for #306D6B.

Text with color #306D6B


The quick brown fox jumps over the lazy dog.

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

#306D6B as background color


The quick brown fox jumps over the lazy dog.

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

Border with #306D6B


The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #306D6B


Linear gradient from #306D6B to transparent.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #306D6B


Radial gradient from #306D6B to transparent.

The quick brown fox jumps over the lazy dog.

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

Linear Gradient with #306D6B and its Complementary Color


Linear gradient from #306D6B to #CF9294.

The quick brown fox jumps over the lazy dog.

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

Radial Gradient with #306D6B and its Complementary Color


Radial gradient from #306D6B to #CF9294.

The quick brown fox jumps over the lazy dog.

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

CSS Code


Handy CSS code and shortcuts.

.text { color: #306D6B; } .background { background-color: #306D6B; } .border { border: 1px solid #306D6B; } .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 #306D6B


Shades are created by adding black to the color, while a tint is created by mixing white. The darkest shade in this example is #010202 while the lightest tint is #FCFCFC.

Shades


Tints

Random Colors