#307c6c hex color

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

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

● #307c6c color description : Dark moderate cyan.

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

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

CIE-LAB	47.139, -27.513, 1.776
XYZ	11.132, 16.125, 16.712
xyY	0.253, 0.367, 16.125
CIE-LCH	47.139, 27.571, 176.306
CIE-LUV	47.139, -31.223, 6.372
Hunter-Lab	40.157, -20.789, 3.434
Binary	00110000, 01111100, 01101100

#307c6c
```
#307c6c rgb(48,124,108)
```
#7c3040
```
#7c3040 rgb(124,48,64)
```

Complementary Color

#307c46
```
#307c46 rgb(48,124,70)
```
#307c6c
```
#307c6c rgb(48,124,108)
```
#30667c
```
#30667c rgb(48,102,124)
```

Analogous Color

#7c4630
```
#7c4630 rgb(124,70,48)
```
#307c6c
```
#307c6c rgb(48,124,108)
```
#7c3066
```
#7c3066 rgb(124,48,102)
```

Split Complementary Color

#7c6c30
```
#7c6c30 rgb(124,108,48)
```
#307c6c
```
#307c6c rgb(48,124,108)
```
#6c307c
```
#6c307c rgb(108,48,124)
```

Triadic Color

#407c30
```
#407c30 rgb(64,124,48)
```
#307c6c
```
#307c6c rgb(48,124,108)
```
#6c307c
```
#6c307c rgb(108,48,124)
```
#7c3040
```
#7c3040 rgb(124,48,64)
```

Tetradic Color

#1b453c
```
#1b453c rgb(27,69,60)
```
#22574c
```
#22574c rgb(34,87,76)
```
#296a5c
```
#296a5c rgb(41,106,92)
```
#307c6c
```
#307c6c rgb(48,124,108)
```
#378e7c
```
#378e7c rgb(55,142,124)
```
#3ea18c
```
#3ea18c rgb(62,161,140)
```
#45b39c
```
#45b39c rgb(69,179,156)
```

Monochromatic Color

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

#307c59
```
#307c59 rgb(48,124,89)
```
#307c5f
```
#307c5f rgb(48,124,95)
```
#307c66
```
#307c66 rgb(48,124,102)
```
#307c6c
```
#307c6c rgb(48,124,108)
```
#307c72
```
#307c72 rgb(48,124,114)
```
#307c79
```
#307c79 rgb(48,124,121)
```
#30797c
```
#30797c rgb(48,121,124)
```

Similar Colors

Text with hexadecimal color #307c6c

This text has a font color of #307c6c.

<span style="color:#307c6c;">Text here</span>

#307c6c background color

This paragraph has a background color of #307c6c.

<p style="background-color:#307c6c;">Content here</p>

#307c6c border color

This element has a border color of #307c6c.

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

CSS codes

.text {color:#307c6c;}

.background {background-color:#307c6c;}

.border {border:1px solid #307c6c;}

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, #040b09 is the darkest color, while #fcfefd is the lightest one.

#040b09
```
#040b09 rgb(4,11,9)
```
#0a1916
```
#0a1916 rgb(10,25,22)
```
#0f2722
```
#0f2722 rgb(15,39,34)
```
#15352e
```
#15352e rgb(21,53,46)
```
#1a433b
```
#1a433b rgb(26,67,59)
```
#205247
```
#205247 rgb(32,82,71)
```
#256053
```
#256053 rgb(37,96,83)
```
#2b6e60
```
#2b6e60 rgb(43,110,96)
```
#307c6c
```
#307c6c rgb(48,124,108)
```
#358a78
```
#358a78 rgb(53,138,120)
```
#3b9885
```
#3b9885 rgb(59,152,133)
```
#40a691
```
#40a691 rgb(64,166,145)
```
#46b59d
```
#46b59d rgb(70,181,157)
```

Shade Color Variation

#52bca6
```
#52bca6 rgb(82,188,166)
```
#60c2ad
```
#60c2ad rgb(96,194,173)
```
#6ec7b4
```
#6ec7b4 rgb(110,199,180)
```
#7cccbc
```
#7cccbc rgb(124,204,188)
```
#8bd2c3
```
#8bd2c3 rgb(139,210,195)
```
#99d7ca
```
#99d7ca rgb(153,215,202)
```
#a7ddd2
```
#a7ddd2 rgb(167,221,210)
```
#b5e2d9
```
#b5e2d9 rgb(181,226,217)
```
#c3e8e0
```
#c3e8e0 rgb(195,232,224)
```
#d1ede7
```
#d1ede7 rgb(209,237,231)
```
#dff3ef
```
#dff3ef rgb(223,243,239)
```
#eef8f6
```
#eef8f6 rgb(238,248,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#515b59
```
#515b59 rgb(81,91,89)
```
#4a625d
```
#4a625d rgb(74,98,93)
```
#446861
```
#446861 rgb(68,104,97)
```
#3d6f64
```
#3d6f64 rgb(61,111,100)
```
#377568
```
#377568 rgb(55,117,104)
```
#307c6c
```
#307c6c rgb(48,124,108)
```
#298370
```
#298370 rgb(41,131,112)
```
#238974
```
#238974 rgb(35,137,116)
```
#1c9077
```
#1c9077 rgb(28,144,119)
```
#16967b
```
#16967b rgb(22,150,123)
```
#0f9d7f
```
#0f9d7f rgb(15,157,127)
```
#08a483
```
#08a483 rgb(8,164,131)
```
#02aa87
```
#02aa87 rgb(2,170,135)
```

Tone Color Variation

Below, you can see how #307c6c 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

#636363 Achromatopsia 0.005% of the population
#596865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b766d Protanopia 1% of men
#817378 Deuteranopia 1% of men
#447f88 Tritanopia 0.001% of the population

Trichromacy

#60786d Protanomaly 1% of men, 0.01% of women
#637674 Deuteranomaly 6% of men, 0.4% of women
#3d7e7e Tritanomaly 0.01% of the population

#307c6c hex color

#307c6c Color Information

#307c6c Color Conversion

Color Schemes with #307c6c

Alternatives to #307c6c

#307c6c Preview

Shades and Tints of #307c6c

Tones of #307c6c

Color Blindness Simulator