#30717f hex color

In a RGB color space, hex #30717f is composed of 18.8% red, 44.3% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 11% magenta, 0% yellow and 50.2% black. It has a hue angle of 190.6 degrees, a saturation of 45.1% and a lightness of 34.3%. #30717f color hex could be obtained by blending #60e2fe with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 44
- B 50
RGB color chart
- C 62
- M 11
- Y 0
- K 50
CMYK color chart

● #30717f color description : Dark moderate cyan.

The hexadecimal color #30717f has RGB values of R:48, G:113, B:127 and CMYK values of C:0.62, M:0.11, Y:0, K:0.5. Its decimal value is 3174783.

Hex triplet	30717f	`#30717f`
RGB Decimal	48, 113, 127	`rgb(48,113,127)`
RGB Percent	18.8, 44.3, 49.8	`rgb(18.8%,44.3%,49.8%)`
CMYK	62, 11, 0, 50
HSL	190.6°, 45.1, 34.3	`hsl(190.6,45.1%,34.3%)`
HSV (or HSB)	190.6°, 62.2, 49.8
Web Safe	336666	`#336666`

CIE-LAB	44.19, -16.119, -13.932
XYZ	10.954, 13.97, 22.197
xyY	0.232, 0.296, 13.97
CIE-LCH	44.19, 21.306, 220.837
CIE-LUV	44.19, -25.98, -17.461
Hunter-Lab	37.377, -13.097, -9.047
Binary	00110000, 01110001, 01111111

#30717f
```
#30717f rgb(48,113,127)
```
#7f3e30
```
#7f3e30 rgb(127,62,48)
```

Complementary Color

#307f66
```
#307f66 rgb(48,127,102)
```
#30717f
```
#30717f rgb(48,113,127)
```
#304a7f
```
#304a7f rgb(48,74,127)
```

Analogous Color

#7f6630
```
#7f6630 rgb(127,102,48)
```
#30717f
```
#30717f rgb(48,113,127)
```
#7f304a
```
#7f304a rgb(127,48,74)
```

Split Complementary Color

#717f30
```
#717f30 rgb(113,127,48)
```
#30717f
```
#30717f rgb(48,113,127)
```
#7f3071
```
#7f3071 rgb(127,48,113)
```

Triadic Color

#307f3e
```
#307f3e rgb(48,127,62)
```
#30717f
```
#30717f rgb(48,113,127)
```
#7f3071
```
#7f3071 rgb(127,48,113)
```
#7f3e30
```
#7f3e30 rgb(127,62,48)
```

Tetradic Color

#1b4047
```
#1b4047 rgb(27,64,71)
```
#22505a
```
#22505a rgb(34,80,90)
```
#29616c
```
#29616c rgb(41,97,108)
```
#30717f
```
#30717f rgb(48,113,127)
```
#378192
```
#378192 rgb(55,129,146)
```
#3e92a4
```
#3e92a4 rgb(62,146,164)
```
#45a2b7
```
#45a2b7 rgb(69,162,183)
```

Monochromatic Color

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

#307f79
```
#307f79 rgb(48,127,121)
```
#307e7f
```
#307e7f rgb(48,126,127)
```
#30787f
```
#30787f rgb(48,120,127)
```
#30717f
```
#30717f rgb(48,113,127)
```
#306a7f
```
#306a7f rgb(48,106,127)
```
#30647f
```
#30647f rgb(48,100,127)
```
#305d7f
```
#305d7f rgb(48,93,127)
```

Similar Colors

Text with hexadecimal color #30717f

This text has a font color of #30717f.

<span style="color:#30717f;">Text here</span>

#30717f background color

This paragraph has a background color of #30717f.

<p style="background-color:#30717f;">Content here</p>

#30717f border color

This element has a border color of #30717f.

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

CSS codes

.text {color:#30717f;}

.background {background-color:#30717f;}

.border {border:1px solid #30717f;}

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

#050c0d
```
#050c0d rgb(5,12,13)
```
#0a181b
```
#0a181b rgb(10,24,27)
```
#10252a
```
#10252a rgb(16,37,42)
```
#153238
```
#153238 rgb(21,50,56)
```
#1a3e46
```
#1a3e46 rgb(26,62,70)
```
#204b54
```
#204b54 rgb(32,75,84)
```
#255863
```
#255863 rgb(37,88,99)
```
#2b6471
```
#2b6471 rgb(43,100,113)
```
#30717f
```
#30717f rgb(48,113,127)
```
#357e8d
```
#357e8d rgb(53,126,141)
```
#3b8a9b
```
#3b8a9b rgb(59,138,155)
```
#4097aa
```
#4097aa rgb(64,151,170)
```
#46a4b8
```
#46a4b8 rgb(70,164,184)
```

Shade Color Variation

#53abbe
```
#53abbe rgb(83,171,190)
```
#61b2c3
```
#61b2c3 rgb(97,178,195)
```
#70b9c9
```
#70b9c9 rgb(112,185,201)
```
#7ec0ce
```
#7ec0ce rgb(126,192,206)
```
#8cc7d4
```
#8cc7d4 rgb(140,199,212)
```
#9aced9
```
#9aced9 rgb(154,206,217)
```
#a8d5de
```
#a8d5de rgb(168,213,222)
```
#b7dce4
```
#b7dce4 rgb(183,220,228)
```
#c5e3e9
```
#c5e3e9 rgb(197,227,233)
```
#d3eaee
```
#d3eaee rgb(211,234,238)
```
#e1f1f4
```
#e1f1f4 rgb(225,241,244)
```
#f0f8f9
```
#f0f8f9 rgb(240,248,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525b5d is the less saturated color, while #018fae is the most saturated one.

#525b5d
```
#525b5d rgb(82,91,93)
```
#4b6064
```
#4b6064 rgb(75,96,100)
```
#44646b
```
#44646b rgb(68,100,107)
```
#3d6872
```
#3d6872 rgb(61,104,114)
```
#376d78
```
#376d78 rgb(55,109,120)
```
#30717f
```
#30717f rgb(48,113,127)
```
#297586
```
#297586 rgb(41,117,134)
```
#237a8c
```
#237a8c rgb(35,122,140)
```
#1c7e93
```
#1c7e93 rgb(28,126,147)
```
#15829a
```
#15829a rgb(21,130,154)
```
#0e87a1
```
#0e87a1 rgb(14,135,161)
```
#088ba7
```
#088ba7 rgb(8,139,167)
```
#018fae
```
#018fae rgb(1,143,174)
```

Tone Color Variation

Below, you can see how #30717f 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

#5f5f5f Achromatopsia 0.005% of the population
#566365 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6f80 Protanopia 1% of men
#6d6e89 Deuteranopia 1% of men
#387981 Tritanopia 0.001% of the population

Trichromacy

#56707f Protanomaly 1% of men, 0.01% of women
#566f85 Deuteranomaly 6% of men, 0.4% of women
#357680 Tritanomaly 0.01% of the population

#30717f hex color

#30717f Color Information

#30717f Color Conversion

Color Schemes with #30717f

Alternatives to #30717f

#30717f Preview

Shades and Tints of #30717f

Tones of #30717f

Color Blindness Simulator