#306c72 hex color

In a RGB color space, hex #306c72 is composed of 18.8% red, 42.4% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 5.3% magenta, 0% yellow and 55.3% black. It has a hue angle of 185.5 degrees, a saturation of 40.7% and a lightness of 31.8%. #306c72 color hex could be obtained by blending #60d8e4 with #000000. Closest websafe color is: #336666.

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

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

The hexadecimal color #306c72 has RGB values of R:48, G:108, B:114 and CMYK values of C:0.58, M:0.05, Y:0, K:0.55. Its decimal value is 3173490.

Hex triplet	306c72	`#306c72`
RGB Decimal	48, 108, 114	`rgb(48,108,114)`
RGB Percent	18.8, 42.4, 44.7	`rgb(18.8%,42.4%,44.7%)`
CMYK	58, 5, 0, 55
HSL	185.5°, 40.7, 31.8	`hsl(185.5,40.7%,31.8%)`
HSV (or HSB)	185.5°, 57.9, 44.7
Web Safe	336666	`#336666`

CIE-LAB	42.105, -17.453, -9.255
XYZ	9.618, 12.568, 17.838
xyY	0.24, 0.314, 12.568
CIE-LCH	42.105, 19.755, 207.935
CIE-LUV	42.105, -24.609, -10.323
Hunter-Lab	35.451, -13.612, -5.017
Binary	00110000, 01101100, 01110010

#306c72
```
#306c72 rgb(48,108,114)
```
#723630
```
#723630 rgb(114,54,48)
```

Complementary Color

#307257
```
#307257 rgb(48,114,87)
```
#306c72
```
#306c72 rgb(48,108,114)
```
#304b72
```
#304b72 rgb(48,75,114)
```

Analogous Color

#725730
```
#725730 rgb(114,87,48)
```
#306c72
```
#306c72 rgb(48,108,114)
```
#72304b
```
#72304b rgb(114,48,75)
```

Split Complementary Color

#6c7230
```
#6c7230 rgb(108,114,48)
```
#306c72
```
#306c72 rgb(48,108,114)
```
#72306c
```
#72306c rgb(114,48,108)
```

Triadic Color

#307236
```
#307236 rgb(48,114,54)
```
#306c72
```
#306c72 rgb(48,108,114)
```
#72306c
```
#72306c rgb(114,48,108)
```
#723630
```
#723630 rgb(114,54,48)
```

Tetradic Color

#19393c
```
#19393c rgb(25,57,60)
```
#214a4e
```
#214a4e rgb(33,74,78)
```
#285b60
```
#285b60 rgb(40,91,96)
```
#306c72
```
#306c72 rgb(48,108,114)
```
#387d84
```
#387d84 rgb(56,125,132)
```
#3f8e96
```
#3f8e96 rgb(63,142,150)
```
#479fa8
```
#479fa8 rgb(71,159,168)
```

Monochromatic Color

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

#307268
```
#307268 rgb(48,114,104)
```
#30726d
```
#30726d rgb(48,114,109)
```
#307272
```
#307272 rgb(48,114,114)
```
#306c72
```
#306c72 rgb(48,108,114)
```
#306772
```
#306772 rgb(48,103,114)
```
#306172
```
#306172 rgb(48,97,114)
```
#305c72
```
#305c72 rgb(48,92,114)
```

Similar Colors

Text with hexadecimal color #306c72

This text has a font color of #306c72.

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

#306c72 background color

This paragraph has a background color of #306c72.

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

#306c72 border color

This element has a border color of #306c72.

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

CSS codes

.text {color:#306c72;}

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

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

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, #020304 is the darkest color, while #f5fafb is the lightest one.

#020304
```
#020304 rgb(2,3,4)
```
#071011
```
#071011 rgb(7,16,17)
```
#0d1e1f
```
#0d1e1f rgb(13,30,31)
```
#132b2d
```
#132b2d rgb(19,43,45)
```
#19383b
```
#19383b rgb(25,56,59)
```
#1f4549
```
#1f4549 rgb(31,69,73)
```
#245256
```
#245256 rgb(36,82,86)
```
#2a5f64
```
#2a5f64 rgb(42,95,100)
```
#306c72
```
#306c72 rgb(48,108,114)
```
#367980
```
#367980 rgb(54,121,128)
```
#3c868e
```
#3c868e rgb(60,134,142)
```
#41939b
```
#41939b rgb(65,147,155)
```
#47a0a9
```
#47a0a9 rgb(71,160,169)
```

Shade Color Variation

#4facb5
```
#4facb5 rgb(79,172,181)
```
#5db2bb
```
#5db2bb rgb(93,178,187)
```
#6bb9c1
```
#6bb9c1 rgb(107,185,193)
```
#79bfc6
```
#79bfc6 rgb(121,191,198)
```
#86c6cc
```
#86c6cc rgb(134,198,204)
```
#94ccd2
```
#94ccd2 rgb(148,204,210)
```
#a2d3d8
```
#a2d3d8 rgb(162,211,216)
```
#b0d9de
```
#b0d9de rgb(176,217,222)
```
#bee0e3
```
#bee0e3 rgb(190,224,227)
```
#cbe7e9
```
#cbe7e9 rgb(203,231,233)
```
#d9edef
```
#d9edef rgb(217,237,239)
```
#e7f4f5
```
#e7f4f5 rgb(231,244,245)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#4f5353
```
#4f5353 rgb(79,83,83)
```
#495859
```
#495859 rgb(73,88,89)
```
#435d5f
```
#435d5f rgb(67,93,95)
```
#3c6266
```
#3c6266 rgb(60,98,102)
```
#36676c
```
#36676c rgb(54,103,108)
```
#306c72
```
#306c72 rgb(48,108,114)
```
#2a7178
```
#2a7178 rgb(42,113,120)
```
#24767e
```
#24767e rgb(36,118,126)
```
#1d7b85
```
#1d7b85 rgb(29,123,133)
```
#17808b
```
#17808b rgb(23,128,139)
```
#118591
```
#118591 rgb(17,133,145)
```
#0b8b97
```
#0b8b97 rgb(11,139,151)
```
#04909e
```
#04909e rgb(4,144,158)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6a74 Protanopia 1% of men
#6c697d Deuteranopia 1% of men
#3b737b Tritanopia 0.001% of the population

Trichromacy

#556b73 Protanomaly 1% of men, 0.01% of women
#566a79 Deuteranomaly 6% of men, 0.4% of women
#377078 Tritanomaly 0.01% of the population

#306c72 hex color

#306c72 Color Information

#306c72 Color Conversion

Color Schemes with #306c72

Alternatives to #306c72

#306c72 Preview

Shades and Tints of #306c72

Tones of #306c72

Color Blindness Simulator