#306c7c hex color

In a RGB color space, hex #306c7c is composed of 18.8% red, 42.4% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 12.9% magenta, 0% yellow and 51.4% black. It has a hue angle of 192.6 degrees, a saturation of 44.2% and a lightness of 33.7%. #306c7c color hex could be obtained by blending #60d8f8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 42
- B 49
RGB color chart
- C 61
- M 13
- Y 0
- K 51
CMYK color chart

● #306c7c color description : Dark moderate cyan.

The hexadecimal color #306c7c has RGB values of R:48, G:108, B:124 and CMYK values of C:0.61, M:0.13, Y:0, K:0.51. Its decimal value is 3173500.

Hex triplet	306c7c	`#306c7c`
RGB Decimal	48, 108, 124	`rgb(48,108,124)`
RGB Percent	18.8, 42.4, 48.6	`rgb(18.8%,42.4%,48.6%)`
CMYK	61, 13, 0, 51
HSL	192.6°, 44.2, 33.7	`hsl(192.6,44.2%,33.7%)`
HSV (or HSB)	192.6°, 61.3, 48.6
Web Safe	336666	`#336666`

CIE-LAB	42.472, -14.286, -14.741
XYZ	10.219, 12.808, 21.001
xyY	0.232, 0.291, 12.808
CIE-LCH	42.472, 20.528, 225.898
CIE-LUV	42.472, -24.181, -18.723
Hunter-Lab	35.788, -11.662, -9.741
Binary	00110000, 01101100, 01111100

#306c7c
```
#306c7c rgb(48,108,124)
```
#7c4030
```
#7c4030 rgb(124,64,48)
```

Complementary Color

#307c66
```
#307c66 rgb(48,124,102)
```
#306c7c
```
#306c7c rgb(48,108,124)
```
#30467c
```
#30467c rgb(48,70,124)
```

Analogous Color

#7c6630
```
#7c6630 rgb(124,102,48)
```
#306c7c
```
#306c7c rgb(48,108,124)
```
#7c3046
```
#7c3046 rgb(124,48,70)
```

Split Complementary Color

#6c7c30
```
#6c7c30 rgb(108,124,48)
```
#306c7c
```
#306c7c rgb(48,108,124)
```
#7c306c
```
#7c306c rgb(124,48,108)
```

Triadic Color

#307c40
```
#307c40 rgb(48,124,64)
```
#306c7c
```
#306c7c rgb(48,108,124)
```
#7c306c
```
#7c306c rgb(124,48,108)
```
#7c4030
```
#7c4030 rgb(124,64,48)
```

Tetradic Color

#1b3c45
```
#1b3c45 rgb(27,60,69)
```
#224c57
```
#224c57 rgb(34,76,87)
```
#295c6a
```
#295c6a rgb(41,92,106)
```
#306c7c
```
#306c7c rgb(48,108,124)
```
#377c8e
```
#377c8e rgb(55,124,142)
```
#3e8ca1
```
#3e8ca1 rgb(62,140,161)
```
#459cb3
```
#459cb3 rgb(69,156,179)
```

Monochromatic Color

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

#307c79
```
#307c79 rgb(48,124,121)
```
#30797c
```
#30797c rgb(48,121,124)
```
#30727c
```
#30727c rgb(48,114,124)
```
#306c7c
```
#306c7c rgb(48,108,124)
```
#30667c
```
#30667c rgb(48,102,124)
```
#305f7c
```
#305f7c rgb(48,95,124)
```
#30597c
```
#30597c rgb(48,89,124)
```

Similar Colors

Text with hexadecimal color #306c7c

This text has a font color of #306c7c.

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

#306c7c background color

This paragraph has a background color of #306c7c.

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

#306c7c border color

This element has a border color of #306c7c.

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

CSS codes

.text {color:#306c7c;}

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

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

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, #04090b is the darkest color, while #fcfdfe is the lightest one.

#04090b
```
#04090b rgb(4,9,11)
```
#0a1619
```
#0a1619 rgb(10,22,25)
```
#0f2227
```
#0f2227 rgb(15,34,39)
```
#152e35
```
#152e35 rgb(21,46,53)
```
#1a3b43
```
#1a3b43 rgb(26,59,67)
```
#204752
```
#204752 rgb(32,71,82)
```
#255360
```
#255360 rgb(37,83,96)
```
#2b606e
```
#2b606e rgb(43,96,110)
```
#306c7c
```
#306c7c rgb(48,108,124)
```
#35788a
```
#35788a rgb(53,120,138)
```
#3b8598
```
#3b8598 rgb(59,133,152)
```
#4091a6
```
#4091a6 rgb(64,145,166)
```
#469db5
```
#469db5 rgb(70,157,181)
```

Shade Color Variation

#52a6bc
```
#52a6bc rgb(82,166,188)
```
#60adc2
```
#60adc2 rgb(96,173,194)
```
#6eb4c7
```
#6eb4c7 rgb(110,180,199)
```
#7cbccc
```
#7cbccc rgb(124,188,204)
```
#8bc3d2
```
#8bc3d2 rgb(139,195,210)
```
#99cad7
```
#99cad7 rgb(153,202,215)
```
#a7d2dd
```
#a7d2dd rgb(167,210,221)
```
#b5d9e2
```
#b5d9e2 rgb(181,217,226)
```
#c3e0e8
```
#c3e0e8 rgb(195,224,232)
```
#d1e7ed
```
#d1e7ed rgb(209,231,237)
```
#dfeff3
```
#dfeff3 rgb(223,239,243)
```
#eef6f8
```
#eef6f8 rgb(238,246,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#51595b
```
#51595b rgb(81,89,91)
```
#4a5d62
```
#4a5d62 rgb(74,93,98)
```
#446168
```
#446168 rgb(68,97,104)
```
#3d646f
```
#3d646f rgb(61,100,111)
```
#376875
```
#376875 rgb(55,104,117)
```
#306c7c
```
#306c7c rgb(48,108,124)
```
#297083
```
#297083 rgb(41,112,131)
```
#237489
```
#237489 rgb(35,116,137)
```
#1c7790
```
#1c7790 rgb(28,119,144)
```
#167b96
```
#167b96 rgb(22,123,150)
```
#0f7f9d
```
#0f7f9d rgb(15,127,157)
```
#0883a4
```
#0883a4 rgb(8,131,164)
```
#0287aa
```
#0287aa rgb(2,135,170)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535f62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#686b7d Protanopia 1% of men
#686a86 Deuteranopia 1% of men
#37747d Tritanopia 0.001% of the population

Trichromacy

#536b7d Protanomaly 1% of men, 0.01% of women
#536b82 Deuteranomaly 6% of men, 0.4% of women
#34717c Tritanomaly 0.01% of the population

#306c7c hex color

#306c7c Color Information

#306c7c Color Conversion

Color Schemes with #306c7c

Alternatives to #306c7c

#306c7c Preview

Shades and Tints of #306c7c

Tones of #306c7c

Color Blindness Simulator