#306b5b hex color

In a RGB color space, hex #306b5b is composed of 18.8% red, 42% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 0% magenta, 15% yellow and 58% black. It has a hue angle of 163.7 degrees, a saturation of 38.1% and a lightness of 30.4%. #306b5b color hex could be obtained by blending #60d6b6 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #306b5b has RGB values of R:48, G:107, B:91 and CMYK values of C:0.55, M:0, Y:0.15, K:0.58. Its decimal value is 3173211.

Hex triplet	306b5b	`#306b5b`
RGB Decimal	48, 107, 91	`rgb(48,107,91)`
RGB Percent	18.8, 42, 35.7	`rgb(18.8%,42%,35.7%)`
CMYK	55, 0, 15, 58
HSL	163.7°, 38.1, 30.4	`hsl(163.7,38.1%,30.4%)`
HSV (or HSB)	163.7°, 55.1, 42
Web Safe	336666	`#336666`

CIE-LAB	41.054, -23.524, 3.143
XYZ	8.364, 11.898, 11.753
xyY	0.261, 0.372, 11.898
CIE-LCH	41.054, 23.733, 172.39
CIE-LUV	41.054, -25.19, 7.374
Hunter-Lab	34.494, -17.081, 3.945
Binary	00110000, 01101011, 01011011

#306b5b
```
#306b5b rgb(48,107,91)
```
#6b3040
```
#6b3040 rgb(107,48,64)
```

Complementary Color

#306b3e
```
#306b3e rgb(48,107,62)
```
#306b5b
```
#306b5b rgb(48,107,91)
```
#305e6b
```
#305e6b rgb(48,94,107)
```

Analogous Color

#6b3e30
```
#6b3e30 rgb(107,62,48)
```
#306b5b
```
#306b5b rgb(48,107,91)
```
#6b305e
```
#6b305e rgb(107,48,94)
```

Split Complementary Color

#6b5b30
```
#6b5b30 rgb(107,91,48)
```
#306b5b
```
#306b5b rgb(48,107,91)
```
#5b306b
```
#5b306b rgb(91,48,107)
```

Triadic Color

#406b30
```
#406b30 rgb(64,107,48)
```
#306b5b
```
#306b5b rgb(48,107,91)
```
#5b306b
```
#5b306b rgb(91,48,107)
```
#6b3040
```
#6b3040 rgb(107,48,64)
```

Tetradic Color

#18362e
```
#18362e rgb(24,54,46)
```
#20483d
```
#20483d rgb(32,72,61)
```
#28594c
```
#28594c rgb(40,89,76)
```
#306b5b
```
#306b5b rgb(48,107,91)
```
#387d6a
```
#387d6a rgb(56,125,106)
```
#408e79
```
#408e79 rgb(64,142,121)
```
#48a088
```
#48a088 rgb(72,160,136)
```

Monochromatic Color

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

#306b4c
```
#306b4c rgb(48,107,76)
```
#306b51
```
#306b51 rgb(48,107,81)
```
#306b56
```
#306b56 rgb(48,107,86)
```
#306b5b
```
#306b5b rgb(48,107,91)
```
#306b60
```
#306b60 rgb(48,107,96)
```
#306b65
```
#306b65 rgb(48,107,101)
```
#306b6a
```
#306b6a rgb(48,107,106)
```

Similar Colors

Text with hexadecimal color #306b5b

This text has a font color of #306b5b.

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

#306b5b background color

This paragraph has a background color of #306b5b.

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

#306b5b border color

This element has a border color of #306b5b.

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

CSS codes

.text {color:#306b5b;}

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

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

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

#050c0a
```
#050c0a rgb(5,12,10)
```
#0c1a16
```
#0c1a16 rgb(12,26,22)
```
#122721
```
#122721 rgb(18,39,33)
```
#18352d
```
#18352d rgb(24,53,45)
```
#1e4238
```
#1e4238 rgb(30,66,56)
```
#245044
```
#245044 rgb(36,80,68)
```
#2a5d4f
```
#2a5d4f rgb(42,93,79)
```
#306b5b
```
#306b5b rgb(48,107,91)
```
#367967
```
#367967 rgb(54,121,103)
```
#3c8672
```
#3c8672 rgb(60,134,114)
```
#42947e
```
#42947e rgb(66,148,126)
```
#48a189
```
#48a189 rgb(72,161,137)
```
#4eaf95
```
#4eaf95 rgb(78,175,149)
```

Shade Color Variation

#5bb69d
```
#5bb69d rgb(91,182,157)
```
#69bca5
```
#69bca5 rgb(105,188,165)
```
#76c2ad
```
#76c2ad rgb(118,194,173)
```
#84c8b5
```
#84c8b5 rgb(132,200,181)
```
#91cebd
```
#91cebd rgb(145,206,189)
```
#9fd4c6
```
#9fd4c6 rgb(159,212,198)
```
#acdace
```
#acdace rgb(172,218,206)
```
#bae0d6
```
#bae0d6 rgb(186,224,214)
```
#c8e6de
```
#c8e6de rgb(200,230,222)
```
#d5ece6
```
#d5ece6 rgb(213,236,230)
```
#e3f2ee
```
#e3f2ee rgb(227,242,238)
```
#f0f8f6
```
#f0f8f6 rgb(240,248,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#485350
```
#485350 rgb(72,83,80)
```
#425953
```
#425953 rgb(66,89,83)
```
#3c5f56
```
#3c5f56 rgb(60,95,86)
```
#366558
```
#366558 rgb(54,101,88)
```
#306b5b
```
#306b5b rgb(48,107,91)
```
#2a715e
```
#2a715e rgb(42,113,94)
```
#247760
```
#247760 rgb(36,119,96)
```
#1e7d63
```
#1e7d63 rgb(30,125,99)
```
#188366
```
#188366 rgb(24,131,102)
```
#128969
```
#128969 rgb(18,137,105)
```
#0c8f6b
```
#0c8f6b rgb(12,143,107)
```
#06956e
```
#06956e rgb(6,149,110)
```
#009b71
```
#009b71 rgb(0,155,113)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505c59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d685e Protanopia 1% of men
#736567 Deuteranopia 1% of men
#426f77 Tritanopia 0.001% of the population

Trichromacy

#57695d Protanomaly 1% of men, 0.01% of women
#5a6763 Deuteranomaly 6% of men, 0.4% of women
#3b6e6d Tritanomaly 0.01% of the population

#306b5b hex color

#306b5b Color Information

#306b5b Color Conversion

Color Schemes with #306b5b

Alternatives to #306b5b

#306b5b Preview

Shades and Tints of #306b5b

Tones of #306b5b

Color Blindness Simulator