#30a195 hex color

In a RGB color space, hex #30a195 is composed of 18.8% red, 63.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 70.2% cyan, 0% magenta, 7.5% yellow and 36.9% black. It has a hue angle of 173.6 degrees, a saturation of 54.1% and a lightness of 41%. #30a195 color hex could be obtained by blending #60ffff with #00432b. Closest websafe color is: #339999.

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

● #30a195 color description : Dark cyan.

The hexadecimal color #30a195 has RGB values of R:48, G:161, B:149 and CMYK values of C:0.7, M:0, Y:0.07, K:0.37. Its decimal value is 3187093.

Hex triplet	30a195	`#30a195`
RGB Decimal	48, 161, 149	`rgb(48,161,149)`
RGB Percent	18.8, 63.1, 58.4	`rgb(18.8%,63.1%,58.4%)`
CMYK	70, 0, 7, 37
HSL	173.6°, 54.1, 41	`hsl(173.6,54.1%,41%)`
HSV (or HSB)	173.6°, 70.2, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.146, -33.893, -2.879
XYZ	19.387, 28.286, 32.87
xyY	0.241, 0.351, 28.286
CIE-LCH	60.146, 34.015, 184.856
CIE-LUV	60.146, -42.88, 0.868
Hunter-Lab	53.185, -28.007, 0.586
Binary	00110000, 10100001, 10010101

#30a195
```
#30a195 rgb(48,161,149)
```
#a1303c
```
#a1303c rgb(161,48,60)
```

Complementary Color

#30a15d
```
#30a15d rgb(48,161,93)
```
#30a195
```
#30a195 rgb(48,161,149)
```
#3075a1
```
#3075a1 rgb(48,117,161)
```

Analogous Color

#a15d30
```
#a15d30 rgb(161,93,48)
```
#30a195
```
#30a195 rgb(48,161,149)
```
#a13075
```
#a13075 rgb(161,48,117)
```

Split Complementary Color

#a19530
```
#a19530 rgb(161,149,48)
```
#30a195
```
#30a195 rgb(48,161,149)
```
#9530a1
```
#9530a1 rgb(149,48,161)
```

Triadic Color

#3ca130
```
#3ca130 rgb(60,161,48)
```
#30a195
```
#30a195 rgb(48,161,149)
```
#9530a1
```
#9530a1 rgb(149,48,161)
```
#a1303c
```
#a1303c rgb(161,48,60)
```

Tetradic Color

#1e665e
```
#1e665e rgb(30,102,94)
```
#247a71
```
#247a71 rgb(36,122,113)
```
#2a8d83
```
#2a8d83 rgb(42,141,131)
```
#30a195
```
#30a195 rgb(48,161,149)
```
#36b5a7
```
#36b5a7 rgb(54,181,167)
```
#3ec6b7
```
#3ec6b7 rgb(62,198,183)
```
#52cbbf
```
#52cbbf rgb(82,203,191)
```

Monochromatic Color

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

#30a179
```
#30a179 rgb(48,161,121)
```
#30a182
```
#30a182 rgb(48,161,130)
```
#30a18c
```
#30a18c rgb(48,161,140)
```
#30a195
```
#30a195 rgb(48,161,149)
```
#30a19e
```
#30a19e rgb(48,161,158)
```
#309aa1
```
#309aa1 rgb(48,154,161)
```
#3091a1
```
#3091a1 rgb(48,145,161)
```

Similar Colors

Text with hexadecimal color #30a195

This text has a font color of #30a195.

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

#30a195 background color

This paragraph has a background color of #30a195.

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

#30a195 border color

This element has a border color of #30a195.

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

CSS codes

.text {color:#30a195;}

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

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

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, #030a09 is the darkest color, while #fafdfd is the lightest one.

#030a09
```
#030a09 rgb(3,10,9)
```
#071917
```
#071917 rgb(7,25,23)
```
#0c2825
```
#0c2825 rgb(12,40,37)
```
#103733
```
#103733 rgb(16,55,51)
```
#154641
```
#154641 rgb(21,70,65)
```
#19554f
```
#19554f rgb(25,85,79)
```
#1e655d
```
#1e655d rgb(30,101,93)
```
#22746b
```
#22746b rgb(34,116,107)
```
#278379
```
#278379 rgb(39,131,121)
```
#2b9287
```
#2b9287 rgb(43,146,135)
```
#30a195
```
#30a195 rgb(48,161,149)
```
#35b0a3
```
#35b0a3 rgb(53,176,163)
```
#39bfb1
```
#39bfb1 rgb(57,191,177)
```

Shade Color Variation

#44c7b9
```
#44c7b9 rgb(68,199,185)
```
#54ccbf
```
#54ccbf rgb(84,204,191)
```
#63d0c5
```
#63d0c5 rgb(99,208,197)
```
#72d5ca
```
#72d5ca rgb(114,213,202)
```
#81d9d0
```
#81d9d0 rgb(129,217,208)
```
#90ded6
```
#90ded6 rgb(144,222,214)
```
#9fe2db
```
#9fe2db rgb(159,226,219)
```
#aee7e1
```
#aee7e1 rgb(174,231,225)
```
#bdebe7
```
#bdebe7 rgb(189,235,231)
```
#ccf0ec
```
#ccf0ec rgb(204,240,236)
```
#dcf4f2
```
#dcf4f2 rgb(220,244,242)
```
#ebf9f7
```
#ebf9f7 rgb(235,249,247)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#686969
```
#686969 rgb(104,105,105)
```
#60716f
```
#60716f rgb(96,113,111)
```
#587975
```
#587975 rgb(88,121,117)
```
#50817c
```
#50817c rgb(80,129,124)
```
#488982
```
#488982 rgb(72,137,130)
```
#409188
```
#409188 rgb(64,145,136)
```
#38998f
```
#38998f rgb(56,153,143)
```
#30a195
```
#30a195 rgb(48,161,149)
```
#28a99b
```
#28a99b rgb(40,169,155)
```
#20b1a2
```
#20b1a2 rgb(32,177,162)
```
#18b9a8
```
#18b9a8 rgb(24,185,168)
```
#10c1ae
```
#10c1ae rgb(16,193,174)
```
#08c9b5
```
#08c9b5 rgb(8,201,181)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8583 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9692 Protanopia 1% of men
#9f92a1 Deuteranopia 1% of men
#47a2ae Tritanopia 0.001% of the population

Trichromacy

#739a93 Protanomaly 1% of men, 0.01% of women
#76979c Deuteranomaly 6% of men, 0.4% of women
#3fa2a5 Tritanomaly 0.01% of the population

#30a195 hex color

#30a195 Color Information

#30a195 Color Conversion

Color Schemes with #30a195

Alternatives to #30a195

#30a195 Preview

Shades and Tints of #30a195

Tones of #30a195

Color Blindness Simulator