#30776c hex color

In a RGB color space, hex #30776c is composed of 18.8% red, 46.7% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 0% magenta, 9.2% yellow and 53.3% black. It has a hue angle of 170.7 degrees, a saturation of 42.5% and a lightness of 32.7%. #30776c color hex could be obtained by blending #60eed8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 47
- B 42
RGB color chart
- C 60
- M 0
- Y 9
- K 53
CMYK color chart

● #30776c color description : Dark moderate cyan.

The hexadecimal color #30776c has RGB values of R:48, G:119, B:108 and CMYK values of C:0.6, M:0, Y:0.09, K:0.53. Its decimal value is 3176300.

Hex triplet	30776c	`#30776c`
RGB Decimal	48, 119, 108	`rgb(48,119,108)`
RGB Percent	18.8, 46.7, 42.4	`rgb(18.8%,46.7%,42.4%)`
CMYK	60, 0, 9, 53
HSL	170.7°, 42.5, 32.7	`hsl(170.7,42.5%,32.7%)`
HSV (or HSB)	170.7°, 59.7, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.502, -25.018, -0.608
XYZ	10.522, 14.904, 16.509
xyY	0.251, 0.355, 14.904
CIE-LCH	45.502, 25.026, 181.393
CIE-LUV	45.502, -29.246, 2.736
Hunter-Lab	38.606, -18.911, 1.67
Binary	00110000, 01110111, 01101100

#30776c
```
#30776c rgb(48,119,108)
```
#77303b
```
#77303b rgb(119,48,59)
```

Complementary Color

#307749
```
#307749 rgb(48,119,73)
```
#30776c
```
#30776c rgb(48,119,108)
```
#305f77
```
#305f77 rgb(48,95,119)
```

Analogous Color

#774930
```
#774930 rgb(119,73,48)
```
#30776c
```
#30776c rgb(48,119,108)
```
#77305f
```
#77305f rgb(119,48,95)
```

Split Complementary Color

#776c30
```
#776c30 rgb(119,108,48)
```
#30776c
```
#30776c rgb(48,119,108)
```
#6c3077
```
#6c3077 rgb(108,48,119)
```

Triadic Color

#3b7730
```
#3b7730 rgb(59,119,48)
```
#30776c
```
#30776c rgb(48,119,108)
```
#6c3077
```
#6c3077 rgb(108,48,119)
```
#77303b
```
#77303b rgb(119,48,59)
```

Tetradic Color

#1a403b
```
#1a403b rgb(26,64,59)
```
#21534b
```
#21534b rgb(33,83,75)
```
#29655c
```
#29655c rgb(41,101,92)
```
#30776c
```
#30776c rgb(48,119,108)
```
#37897c
```
#37897c rgb(55,137,124)
```
#3f9b8d
```
#3f9b8d rgb(63,155,141)
```
#46ae9d
```
#46ae9d rgb(70,174,157)
```

Monochromatic Color

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

#30775a
```
#30775a rgb(48,119,90)
```
#307760
```
#307760 rgb(48,119,96)
```
#307766
```
#307766 rgb(48,119,102)
```
#30776c
```
#30776c rgb(48,119,108)
```
#307772
```
#307772 rgb(48,119,114)
```
#307677
```
#307677 rgb(48,118,119)
```
#307077
```
#307077 rgb(48,112,119)
```

Similar Colors

Text with hexadecimal color #30776c

This text has a font color of #30776c.

<span style="color:#30776c;">Text here</span>

#30776c background color

This paragraph has a background color of #30776c.

<p style="background-color:#30776c;">Content here</p>

#30776c border color

This element has a border color of #30776c.

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

CSS codes

.text {color:#30776c;}

.background {background-color:#30776c;}

.border {border:1px solid #30776c;}

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

#030707
```
#030707 rgb(3,7,7)
```
#091513
```
#091513 rgb(9,21,19)
```
#0e2320
```
#0e2320 rgb(14,35,32)
```
#14312d
```
#14312d rgb(20,49,45)
```
#193f39
```
#193f39 rgb(25,63,57)
```
#1f4d46
```
#1f4d46 rgb(31,77,70)
```
#255b53
```
#255b53 rgb(37,91,83)
```
#2a695f
```
#2a695f rgb(42,105,95)
```
#30776c
```
#30776c rgb(48,119,108)
```
#368579
```
#368579 rgb(54,133,121)
```
#3b9385
```
#3b9385 rgb(59,147,133)
```
#41a192
```
#41a192 rgb(65,161,146)
```
#47af9f
```
#47af9f rgb(71,175,159)
```

Shade Color Variation

#50b9a8
```
#50b9a8 rgb(80,185,168)
```
#5ebeaf
```
#5ebeaf rgb(94,190,175)
```
#6cc4b6
```
#6cc4b6 rgb(108,196,182)
```
#7acabd
```
#7acabd rgb(122,202,189)
```
#88cfc4
```
#88cfc4 rgb(136,207,196)
```
#96d5cb
```
#96d5cb rgb(150,213,203)
```
#a4dad2
```
#a4dad2 rgb(164,218,210)
```
#b2e0d9
```
#b2e0d9 rgb(178,224,217)
```
#c0e6e0
```
#c0e6e0 rgb(192,230,224)
```
#ceebe7
```
#ceebe7 rgb(206,235,231)
```
#dcf1ee
```
#dcf1ee rgb(220,241,238)
```
#eaf7f5
```
#eaf7f5 rgb(234,247,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#505756
```
#505756 rgb(80,87,86)
```
#4a5d5a
```
#4a5d5a rgb(74,93,90)
```
#43645f
```
#43645f rgb(67,100,95)
```
#3d6a63
```
#3d6a63 rgb(61,106,99)
```
#367168
```
#367168 rgb(54,113,104)
```
#30776c
```
#30776c rgb(48,119,108)
```
#2a7d70
```
#2a7d70 rgb(42,125,112)
```
#238475
```
#238475 rgb(35,132,117)
```
#1d8a79
```
#1d8a79 rgb(29,138,121)
```
#16917e
```
#16917e rgb(22,145,126)
```
#109782
```
#109782 rgb(16,151,130)
```
#099e87
```
#099e87 rgb(9,158,135)
```
#03a48b
```
#03a48b rgb(3,164,139)
```

Tone Color Variation

Below, you can see how #30776c 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

#616161 Achromatopsia 0.005% of the population
#576563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76726d Protanopia 1% of men
#7b7078 Deuteranopia 1% of men
#427b84 Tritanopia 0.001% of the population

Trichromacy

#5c746d Protanomaly 1% of men, 0.01% of women
#607273 Deuteranomaly 6% of men, 0.4% of women
#3b797b Tritanomaly 0.01% of the population

#30776c hex color

#30776c Color Information

#30776c Color Conversion

Color Schemes with #30776c

Alternatives to #30776c

#30776c Preview

Shades and Tints of #30776c

Tones of #30776c

Color Blindness Simulator