#30a097 hex color

In a RGB color space, hex #30a097 is composed of 18.8% red, 62.7% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 0% magenta, 5.6% yellow and 37.3% black. It has a hue angle of 175.2 degrees, a saturation of 53.8% and a lightness of 40.8%. #30a097 color hex could be obtained by blending #60ffff with #00412f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 63
- B 59
RGB color chart
- C 70
- M 0
- Y 6
- K 37
CMYK color chart

● #30a097 color description : Dark cyan.

The hexadecimal color #30a097 has RGB values of R:48, G:160, B:151 and CMYK values of C:0.7, M:0, Y:0.06, K:0.37. Its decimal value is 3186839.

Hex triplet	30a097	`#30a097`
RGB Decimal	48, 160, 151	`rgb(48,160,151)`
RGB Percent	18.8, 62.7, 59.2	`rgb(18.8%,62.7%,59.2%)`
CMYK	70, 0, 6, 37
HSL	175.2°, 53.8, 40.8	`hsl(175.2,53.8%,40.8%)`
HSV (or HSB)	175.2°, 70, 62.7
Web Safe	339999	`#339999`

CIE-LAB	59.891, -32.858, -4.386
XYZ	19.374, 28.003, 33.66
xyY	0.239, 0.346, 28.003
CIE-LCH	59.891, 33.15, 187.604
CIE-LUV	59.891, -42.382, -1.531
Hunter-Lab	52.917, -27.254, -0.672
Binary	00110000, 10100000, 10010111

#30a097
```
#30a097 rgb(48,160,151)
```
#a03039
```
#a03039 rgb(160,48,57)
```

Complementary Color

#30a05f
```
#30a05f rgb(48,160,95)
```
#30a097
```
#30a097 rgb(48,160,151)
```
#3071a0
```
#3071a0 rgb(48,113,160)
```

Analogous Color

#a05f30
```
#a05f30 rgb(160,95,48)
```
#30a097
```
#30a097 rgb(48,160,151)
```
#a03071
```
#a03071 rgb(160,48,113)
```

Split Complementary Color

#a09730
```
#a09730 rgb(160,151,48)
```
#30a097
```
#30a097 rgb(48,160,151)
```
#9730a0
```
#9730a0 rgb(151,48,160)
```

Triadic Color

#39a030
```
#39a030 rgb(57,160,48)
```
#30a097
```
#30a097 rgb(48,160,151)
```
#9730a0
```
#9730a0 rgb(151,48,160)
```
#a03039
```
#a03039 rgb(160,48,57)
```

Tetradic Color

#1e655f
```
#1e655f rgb(30,101,95)
```
#247972
```
#247972 rgb(36,121,114)
```
#2a8c84
```
#2a8c84 rgb(42,140,132)
```
#30a097
```
#30a097 rgb(48,160,151)
```
#36b4aa
```
#36b4aa rgb(54,180,170)
```
#3ec5ba
```
#3ec5ba rgb(62,197,186)
```
#52cbc1
```
#52cbc1 rgb(82,203,193)
```

Monochromatic Color

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

#30a07b
```
#30a07b rgb(48,160,123)
```
#30a084
```
#30a084 rgb(48,160,132)
```
#30a08e
```
#30a08e rgb(48,160,142)
```
#30a097
```
#30a097 rgb(48,160,151)
```
#30a0a0
```
#30a0a0 rgb(48,160,160)
```
#3096a0
```
#3096a0 rgb(48,150,160)
```
#308da0
```
#308da0 rgb(48,141,160)
```

Similar Colors

Text with hexadecimal color #30a097

This text has a font color of #30a097.

<span style="color:#30a097;">Text here</span>

#30a097 background color

This paragraph has a background color of #30a097.

<p style="background-color:#30a097;">Content here</p>

#30a097 border color

This element has a border color of #30a097.

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

CSS codes

.text {color:#30a097;}

.background {background-color:#30a097;}

.border {border:1px solid #30a097;}

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

#030909
```
#030909 rgb(3,9,9)
```
#071817
```
#071817 rgb(7,24,23)
```
#0c2725
```
#0c2725 rgb(12,39,37)
```
#103633
```
#103633 rgb(16,54,51)
```
#154542
```
#154542 rgb(21,69,66)
```
#195550
```
#195550 rgb(25,85,80)
```
#1e645e
```
#1e645e rgb(30,100,94)
```
#22736c
```
#22736c rgb(34,115,108)
```
#27827b
```
#27827b rgb(39,130,123)
```
#2b9189
```
#2b9189 rgb(43,145,137)
```
#30a097
```
#30a097 rgb(48,160,151)
```
#35afa5
```
#35afa5 rgb(53,175,165)
```
#39beb3
```
#39beb3 rgb(57,190,179)
```

Shade Color Variation

#44c7bc
```
#44c7bc rgb(68,199,188)
```
#53cbc2
```
#53cbc2 rgb(83,203,194)
```
#62d0c7
```
#62d0c7 rgb(98,208,199)
```
#71d4cc
```
#71d4cc rgb(113,212,204)
```
#80d9d2
```
#80d9d2 rgb(128,217,210)
```
#8fded7
```
#8fded7 rgb(143,222,215)
```
#9ee2dd
```
#9ee2dd rgb(158,226,221)
```
#aee7e2
```
#aee7e2 rgb(174,231,226)
```
#bdebe7
```
#bdebe7 rgb(189,235,231)
```
#ccf0ed
```
#ccf0ed rgb(204,240,237)
```
#dbf4f2
```
#dbf4f2 rgb(219,244,242)
```
#eaf9f7
```
#eaf9f7 rgb(234,249,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60706f is the less saturated color, while #00d0bf is the most saturated one.

#60706f
```
#60706f rgb(96,112,111)
```
#587875
```
#587875 rgb(88,120,117)
```
#50807c
```
#50807c rgb(80,128,124)
```
#488883
```
#488883 rgb(72,136,131)
```
#40908a
```
#40908a rgb(64,144,138)
```
#389890
```
#389890 rgb(56,152,144)
```
#30a097
```
#30a097 rgb(48,160,151)
```
#28a89e
```
#28a89e rgb(40,168,158)
```
#20b0a4
```
#20b0a4 rgb(32,176,164)
```
#18b8ab
```
#18b8ab rgb(24,184,171)
```
#10c0b2
```
#10c0b2 rgb(16,192,178)
```
#08c8b9
```
#08c8b9 rgb(8,200,185)
```
#00d0bf
```
#00d0bf rgb(0,208,191)
```

Tone Color Variation

Below, you can see how #30a097 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

#7d7d7d Achromatopsia 0.005% of the population
#6e8482 Atypical Achromatopsia 0.001% of the population

Dichromacy

#989594 Protanopia 1% of men
#9d92a3 Deuteranopia 1% of men
#46a2ae Tritanopia 0.001% of the population

Trichromacy

#729995 Protanomaly 1% of men, 0.01% of women
#75979e Deuteranomaly 6% of men, 0.4% of women
#3ea1a5 Tritanomaly 0.01% of the population

#30a097 hex color

#30a097 Color Information

#30a097 Color Conversion

Color Schemes with #30a097

Alternatives to #30a097

#30a097 Preview

Shades and Tints of #30a097

Tones of #30a097

Color Blindness Simulator