#306a5c hex color

In a RGB color space, hex #306a5c is composed of 18.8% red, 41.6% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 54.7% cyan, 0% magenta, 13.2% yellow and 58.4% black. It has a hue angle of 165.5 degrees, a saturation of 37.7% and a lightness of 30.2%. #306a5c color hex could be obtained by blending #60d4b8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 42
- B 36
RGB color chart
- C 55
- M 0
- Y 13
- K 58
CMYK color chart

● #306a5c color description : Very dark desaturated cyan.

The hexadecimal color #306a5c has RGB values of R:48, G:106, B:92 and CMYK values of C:0.55, M:0, Y:0.13, K:0.58. Its decimal value is 3172956.

Hex triplet	306a5c	`#306a5c`
RGB Decimal	48, 106, 92	`rgb(48,106,92)`
RGB Percent	18.8, 41.6, 36.1	`rgb(18.8%,41.6%,36.1%)`
CMYK	55, 0, 13, 58
HSL	165.5°, 37.7, 30.2	`hsl(165.5,37.7%,30.2%)`
HSV (or HSB)	165.5°, 54.7, 41.6
Web Safe	336666	`#336666`

CIE-LAB	40.749, -22.744, 2.095
XYZ	8.304, 11.709, 11.947
xyY	0.26, 0.366, 11.709
CIE-LCH	40.749, 22.84, 174.736
CIE-LUV	40.749, -24.739, 5.903
Hunter-Lab	34.218, -16.562, 3.252
Binary	00110000, 01101010, 01011100

#306a5c
```
#306a5c rgb(48,106,92)
```
#6a303e
```
#6a303e rgb(106,48,62)
```

Complementary Color

#306a3f
```
#306a3f rgb(48,106,63)
```
#306a5c
```
#306a5c rgb(48,106,92)
```
#305b6a
```
#305b6a rgb(48,91,106)
```

Analogous Color

#6a3f30
```
#6a3f30 rgb(106,63,48)
```
#306a5c
```
#306a5c rgb(48,106,92)
```
#6a305b
```
#6a305b rgb(106,48,91)
```

Split Complementary Color

#6a5c30
```
#6a5c30 rgb(106,92,48)
```
#306a5c
```
#306a5c rgb(48,106,92)
```
#5c306a
```
#5c306a rgb(92,48,106)
```

Triadic Color

#3e6a30
```
#3e6a30 rgb(62,106,48)
```
#306a5c
```
#306a5c rgb(48,106,92)
```
#5c306a
```
#5c306a rgb(92,48,106)
```
#6a303e
```
#6a303e rgb(106,48,62)
```

Tetradic Color

#18352e
```
#18352e rgb(24,53,46)
```
#20473e
```
#20473e rgb(32,71,62)
```
#28584d
```
#28584d rgb(40,88,77)
```
#306a5c
```
#306a5c rgb(48,106,92)
```
#387c6b
```
#387c6b rgb(56,124,107)
```
#408d7a
```
#408d7a rgb(64,141,122)
```
#489f8a
```
#489f8a rgb(72,159,138)
```

Monochromatic Color

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

#306a4e
```
#306a4e rgb(48,106,78)
```
#306a52
```
#306a52 rgb(48,106,82)
```
#306a57
```
#306a57 rgb(48,106,87)
```
#306a5c
```
#306a5c rgb(48,106,92)
```
#306a61
```
#306a61 rgb(48,106,97)
```
#306a66
```
#306a66 rgb(48,106,102)
```
#306a6a
```
#306a6a rgb(48,106,106)
```

Similar Colors

Text with hexadecimal color #306a5c

This text has a font color of #306a5c.

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

#306a5c background color

This paragraph has a background color of #306a5c.

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

#306a5c border color

This element has a border color of #306a5c.

<div style="border:1px solid #306a5c;">Content here</div>

CSS codes

.text {color:#306a5c;}

.background {background-color:#306a5c;}

.border {border:1px solid #306a5c;}

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, #050b0a is the darkest color, while #fdfefe is the lightest one.

#050b0a
```
#050b0a rgb(5,11,10)
```
#0b1916
```
#0b1916 rgb(11,25,22)
```
#112621
```
#112621 rgb(17,38,33)
```
#18342d
```
#18342d rgb(24,52,45)
```
#1e4139
```
#1e4139 rgb(30,65,57)
```
#244f45
```
#244f45 rgb(36,79,69)
```
#2a5c50
```
#2a5c50 rgb(42,92,80)
```
#306a5c
```
#306a5c rgb(48,106,92)
```
#367868
```
#367868 rgb(54,120,104)
```
#3c8573
```
#3c8573 rgb(60,133,115)
```
#42937f
```
#42937f rgb(66,147,127)
```
#48a08b
```
#48a08b rgb(72,160,139)
```
#4fae97
```
#4fae97 rgb(79,174,151)
```

Shade Color Variation

#5bb59f
```
#5bb59f rgb(91,181,159)
```
#68bba7
```
#68bba7 rgb(104,187,167)
```
#76c1af
```
#76c1af rgb(118,193,175)
```
#83c7b7
```
#83c7b7 rgb(131,199,183)
```
#91cdbf
```
#91cdbf rgb(145,205,191)
```
#9ed3c7
```
#9ed3c7 rgb(158,211,199)
```
#acd9ce
```
#acd9ce rgb(172,217,206)
```
#b9e0d6
```
#b9e0d6 rgb(185,224,214)
```
#c7e6de
```
#c7e6de rgb(199,230,222)
```
#d4ece6
```
#d4ece6 rgb(212,236,230)
```
#e2f2ee
```
#e2f2ee rgb(226,242,238)
```
#eff8f6
```
#eff8f6 rgb(239,248,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#485250
```
#485250 rgb(72,82,80)
```
#425853
```
#425853 rgb(66,88,83)
```
#3c5e56
```
#3c5e56 rgb(60,94,86)
```
#366459
```
#366459 rgb(54,100,89)
```
#306a5c
```
#306a5c rgb(48,106,92)
```
#2a705f
```
#2a705f rgb(42,112,95)
```
#247662
```
#247662 rgb(36,118,98)
```
#1e7c65
```
#1e7c65 rgb(30,124,101)
```
#188268
```
#188268 rgb(24,130,104)
```
#12886b
```
#12886b rgb(18,136,107)
```
#0c8e6e
```
#0c8e6e rgb(12,142,110)
```
#079371
```
#079371 rgb(7,147,113)
```
#019975
```
#019975 rgb(1,153,117)
```

Tone Color Variation

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

Monochromacy

#575757 Achromatopsia 0.005% of the population
#4f5b58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c675f Protanopia 1% of men
#716568 Deuteranopia 1% of men
#426f77 Tritanopia 0.001% of the population

Trichromacy

#56685e Protanomaly 1% of men, 0.01% of women
#596664 Deuteranomaly 6% of men, 0.4% of women
#3b6d6d Tritanomaly 0.01% of the population

#306a5c hex color

#306a5c Color Information

#306a5c Color Conversion

Color Schemes with #306a5c

Alternatives to #306a5c

#306a5c Preview

Shades and Tints of #306a5c

Tones of #306a5c

Color Blindness Simulator