#306c56 Color Information

In a RGB color space, hex #306c56 is composed of 18.8% red, 42.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 0% magenta, 20.4% yellow and 57.6% black. It has a hue angle of 158 degrees, a saturation of 38.5% and a lightness of 30.6%. #306c56 color hex could be obtained by blending #60d8ac with #000000. Closest websafe color is: #336666.

    • R 19
    • G 42
    • B 34
    RGB color chart
    • C 56
    • M 0
    • Y 20
    • K 58
    CMYK color chart

#306c56 color description : Very dark desaturated cyan - lime green.

#306c56 Color Conversion

The hexadecimal color #306c56 has RGB values of R:48, G:108, B:86 and CMYK values of C:0.56, M:0, Y:0.2, K:0.58. Its decimal value is 3173462.

Hex triplet 306c56 #306c56
RGB Decimal 48, 108, 86 rgb(48,108,86)
RGB Percent 18.8, 42.4, 33.7 rgb(18.8%,42.4%,33.7%)
CMYK 56, 0, 20, 58
HSL 158°, 38.5, 30.6 hsl(158,38.5%,30.6%)
HSV (or HSB) 158°, 55.6, 42.4
Web Safe 336666 #336666
CIE-LAB 41.255, -25.314, 6.454
XYZ 8.261, 12.025, 10.689
xyY 0.267, 0.388, 12.025
CIE-LCH 41.255, 26.124, 165.698
CIE-LUV 41.255, -25.81, 11.813
Hunter-Lab 34.677, -18.163, 5.997
Binary 00110000, 01101100, 01010110

Color Schemes with #306c56

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

Alternatives to #306c56

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

Similar Colors

#306c56 Preview

Text with hexadecimal color #306c56

This text has a font color of #306c56.

<span style="color:#306c56;">Text here</span>
#306c56 background color

This paragraph has a background color of #306c56.

<p style="background-color:#306c56;">Content here</p>
#306c56 border color

This element has a border color of #306c56.

<div style="border:1px solid #306c56;">Content here</div>
CSS codes
.text {color:#306c56;}
.background {background-color:#306c56;}
.border {border:1px solid #306c56;}

Shades and Tints of #306c56

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, #060d0a is the darkest color, while #feffff is the lightest one.

Shade Color Variation
Tint Color Variation

Tones of #306c56

A tone is produced by adding gray to any pure hue. In this case, #485450 is the less saturated color, while #009c63 is the most saturated one.

Tone Color Variation

Color Blindness Simulator

Below, you can see how #306c56 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.

  • #585858 Achromatopsia 0.005% of the population
  • #505c58 Atypical Achromatopsia 0.001% of the population
  • #6e6959 Protanopia 1% of men
  • #756663 Deuteranopia 1% of men
  • #447078 Tritanopia 0.001% of the population
  • #586a58 Protanomaly 1% of men, 0.01% of women
  • #5c685e Deuteranomaly 6% of men, 0.4% of women
  • #3c6e6b Tritanomaly 0.01% of the population