#306b5f hex color

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

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

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

The hexadecimal color #306b5f has RGB values of R:48, G:107, B:95 and CMYK values of C:0.55, M:0, Y:0.11, K:0.58. Its decimal value is 3173215.

Hex triplet	306b5f	`#306b5f`
RGB Decimal	48, 107, 95	`rgb(48,107,95)`
RGB Percent	18.8, 42, 37.3	`rgb(18.8%,42%,37.3%)`
CMYK	55, 0, 11, 58
HSL	167.8°, 38.1, 30.4	`hsl(167.8,38.1%,30.4%)`
HSV (or HSB)	167.8°, 55.1, 42
Web Safe	336666	`#336666`

CIE-LAB	41.167, -22.452, 0.882
XYZ	8.542, 11.969, 12.686
xyY	0.257, 0.361, 11.969
CIE-LCH	41.167, 22.469, 177.751
CIE-LUV	41.167, -25.023, 4.295
Hunter-Lab	34.597, -16.475, 2.477
Binary	00110000, 01101011, 01011111

#306b5f
```
#306b5f rgb(48,107,95)
```
#6b303c
```
#6b303c rgb(107,48,60)
```

Complementary Color

#306b42
```
#306b42 rgb(48,107,66)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#305a6b
```
#305a6b rgb(48,90,107)
```

Analogous Color

#6b4230
```
#6b4230 rgb(107,66,48)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#6b305a
```
#6b305a rgb(107,48,90)
```

Split Complementary Color

#6b5f30
```
#6b5f30 rgb(107,95,48)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#5f306b
```
#5f306b rgb(95,48,107)
```

Triadic Color

#3c6b30
```
#3c6b30 rgb(60,107,48)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#5f306b
```
#5f306b rgb(95,48,107)
```
#6b303c
```
#6b303c rgb(107,48,60)
```

Tetradic Color

#183630
```
#183630 rgb(24,54,48)
```
#204840
```
#204840 rgb(32,72,64)
```
#28594f
```
#28594f rgb(40,89,79)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#387d6f
```
#387d6f rgb(56,125,111)
```
#408e7e
```
#408e7e rgb(64,142,126)
```
#48a08e
```
#48a08e rgb(72,160,142)
```

Monochromatic Color

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

#306b50
```
#306b50 rgb(48,107,80)
```
#306b55
```
#306b55 rgb(48,107,85)
```
#306b5a
```
#306b5a rgb(48,107,90)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#306b64
```
#306b64 rgb(48,107,100)
```
#306b69
```
#306b69 rgb(48,107,105)
```
#30686b
```
#30686b rgb(48,104,107)
```

Similar Colors

Text with hexadecimal color #306b5f

This text has a font color of #306b5f.

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

#306b5f background color

This paragraph has a background color of #306b5f.

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

#306b5f border color

This element has a border color of #306b5f.

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

CSS codes

.text {color:#306b5f;}

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

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

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

#050c0b
```
#050c0b rgb(5,12,11)
```
#0c1a17
```
#0c1a17 rgb(12,26,23)
```
#122723
```
#122723 rgb(18,39,35)
```
#18352f
```
#18352f rgb(24,53,47)
```
#1e423b
```
#1e423b rgb(30,66,59)
```
#245047
```
#245047 rgb(36,80,71)
```
#2a5d53
```
#2a5d53 rgb(42,93,83)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#36796b
```
#36796b rgb(54,121,107)
```
#3c8677
```
#3c8677 rgb(60,134,119)
```
#429483
```
#429483 rgb(66,148,131)
```
#48a18f
```
#48a18f rgb(72,161,143)
```
#4eaf9b
```
#4eaf9b rgb(78,175,155)
```

Shade Color Variation

#5bb6a3
```
#5bb6a3 rgb(91,182,163)
```
#69bcab
```
#69bcab rgb(105,188,171)
```
#76c2b2
```
#76c2b2 rgb(118,194,178)
```
#84c8ba
```
#84c8ba rgb(132,200,186)
```
#91cec2
```
#91cec2 rgb(145,206,194)
```
#9fd4c9
```
#9fd4c9 rgb(159,212,201)
```
#acdad1
```
#acdad1 rgb(172,218,209)
```
#bae0d8
```
#bae0d8 rgb(186,224,216)
```
#c8e6e0
```
#c8e6e0 rgb(200,230,224)
```
#d5ece7
```
#d5ece7 rgb(213,236,231)
```
#e3f2ef
```
#e3f2ef rgb(227,242,239)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#485351
```
#485351 rgb(72,83,81)
```
#425954
```
#425954 rgb(66,89,84)
```
#3c5f58
```
#3c5f58 rgb(60,95,88)
```
#36655b
```
#36655b rgb(54,101,91)
```
#306b5f
```
#306b5f rgb(48,107,95)
```
#2a7163
```
#2a7163 rgb(42,113,99)
```
#247766
```
#247766 rgb(36,119,102)
```
#1e7d6a
```
#1e7d6a rgb(30,125,106)
```
#18836d
```
#18836d rgb(24,131,109)
```
#128971
```
#128971 rgb(18,137,113)
```
#0c8f74
```
#0c8f74 rgb(12,143,116)
```
#069578
```
#069578 rgb(6,149,120)
```
#009b7b
```
#009b7b rgb(0,155,123)
```

Tone Color Variation

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

#6c6862 Protanopia 1% of men
#71666b Deuteranopia 1% of men
#417078 Tritanopia 0.001% of the population

Trichromacy

#566961 Protanomaly 1% of men, 0.01% of women
#596867 Deuteranomaly 6% of men, 0.4% of women
#3b6e6f Tritanomaly 0.01% of the population

#306b5f hex color

#306b5f Color Information

#306b5f Color Conversion

Color Schemes with #306b5f

Alternatives to #306b5f

#306b5f Preview

Shades and Tints of #306b5f

Tones of #306b5f

Color Blindness Simulator