#30b0a5 hex color

In a RGB color space, hex #30b0a5 is composed of 18.8% red, 69% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 0% magenta, 6.2% yellow and 31% black. It has a hue angle of 174.8 degrees, a saturation of 57.1% and a lightness of 43.9%. #30b0a5 color hex could be obtained by blending #60ffff with #00614b. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 69
- B 65
RGB color chart
- C 73
- M 0
- Y 6
- K 31
CMYK color chart

● #30b0a5 color description : Dark cyan.

The hexadecimal color #30b0a5 has RGB values of R:48, G:176, B:165 and CMYK values of C:0.73, M:0, Y:0.06, K:0.31. Its decimal value is 3190949.

Hex triplet	30b0a5	`#30b0a5`
RGB Decimal	48, 176, 165	`rgb(48,176,165)`
RGB Percent	18.8, 69, 64.7	`rgb(18.8%,69%,64.7%)`
CMYK	73, 0, 6, 31
HSL	174.8°, 57.1, 43.9	`hsl(174.8,57.1%,43.9%)`
HSV (or HSB)	174.8°, 72.7, 69
Web Safe	339999	`#339999`

CIE-LAB	65.274, -36.349, -4.289
XYZ	23.534, 34.393, 40.994
xyY	0.238, 0.348, 34.393
CIE-LCH	65.274, 36.601, 186.729
CIE-LUV	65.274, -47.292, -0.887
Hunter-Lab	58.646, -31.001, -0.392
Binary	00110000, 10110000, 10100101

#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#b0303b
```
#b0303b rgb(176,48,59)
```

Complementary Color

#30b065
```
#30b065 rgb(48,176,101)
```
#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#307bb0
```
#307bb0 rgb(48,123,176)
```

Analogous Color

#b06530
```
#b06530 rgb(176,101,48)
```
#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#b0307b
```
#b0307b rgb(176,48,123)
```

Split Complementary Color

#b0a530
```
#b0a530 rgb(176,165,48)
```
#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#a530b0
```
#a530b0 rgb(165,48,176)
```

Triadic Color

#3bb030
```
#3bb030 rgb(59,176,48)
```
#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#a530b0
```
#a530b0 rgb(165,48,176)
```
#b0303b
```
#b0303b rgb(176,48,59)
```

Tetradic Color

#20746d
```
#20746d rgb(32,116,109)
```
#25887f
```
#25887f rgb(37,136,127)
```
#2b9c92
```
#2b9c92 rgb(43,156,146)
```
#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#35c4b8
```
#35c4b8 rgb(53,196,184)
```
#46cdc1
```
#46cdc1 rgb(70,205,193)
```
#5ad2c8
```
#5ad2c8 rgb(90,210,200)
```

Monochromatic Color

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

#30b085
```
#30b085 rgb(48,176,133)
```
#30b090
```
#30b090 rgb(48,176,144)
```
#30b09a
```
#30b09a rgb(48,176,154)
```
#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#30b0b0
```
#30b0b0 rgb(48,176,176)
```
#30a6b0
```
#30a6b0 rgb(48,166,176)
```
#309bb0
```
#309bb0 rgb(48,155,176)
```

Similar Colors

Text with hexadecimal color #30b0a5

This text has a font color of #30b0a5.

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

#30b0a5 background color

This paragraph has a background color of #30b0a5.

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

#30b0a5 border color

This element has a border color of #30b0a5.

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

CSS codes

.text {color:#30b0a5;}

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

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

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

#020606
```
#020606 rgb(2,6,6)
```
#061615
```
#061615 rgb(6,22,21)
```
#0a2523
```
#0a2523 rgb(10,37,35)
```
#0e3531
```
#0e3531 rgb(14,53,49)
```
#134440
```
#134440 rgb(19,68,64)
```
#17544e
```
#17544e rgb(23,84,78)
```
#1b635d
```
#1b635d rgb(27,99,93)
```
#1f726b
```
#1f726b rgb(31,114,107)
```
#23827a
```
#23827a rgb(35,130,122)
```
#289188
```
#289188 rgb(40,145,136)
```
#2ca197
```
#2ca197 rgb(44,161,151)
```
#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#34bfb3
```
#34bfb3 rgb(52,191,179)
```

Shade Color Variation

#3dcabe
```
#3dcabe rgb(61,202,190)
```
#4dcec3
```
#4dcec3 rgb(77,206,195)
```
#5cd3c8
```
#5cd3c8 rgb(92,211,200)
```
#6bd7ce
```
#6bd7ce rgb(107,215,206)
```
#7bdbd3
```
#7bdbd3 rgb(123,219,211)
```
#8adfd8
```
#8adfd8 rgb(138,223,216)
```
#9ae3dd
```
#9ae3dd rgb(154,227,221)
```
#a9e8e2
```
#a9e8e2 rgb(169,232,226)
```
#b8ece7
```
#b8ece7 rgb(184,236,231)
```
#c8f0ed
```
#c8f0ed rgb(200,240,237)
```
#d7f4f2
```
#d7f4f2 rgb(215,244,242)
```
#e7f8f7
```
#e7f8f7 rgb(231,248,247)
```
#f6fdfc
```
#f6fdfc rgb(246,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c7473 is the less saturated color, while #05dbc9 is the most saturated one.

#6c7473
```
#6c7473 rgb(108,116,115)
```
#647c7a
```
#647c7a rgb(100,124,122)
```
#5b8581
```
#5b8581 rgb(91,133,129)
```
#528e88
```
#528e88 rgb(82,142,136)
```
#4a9690
```
#4a9690 rgb(74,150,144)
```
#419f97
```
#419f97 rgb(65,159,151)
```
#39a79e
```
#39a79e rgb(57,167,158)
```
#30b0a5
```
#30b0a5 rgb(48,176,165)
```
#27b9ac
```
#27b9ac rgb(39,185,172)
```
#1fc1b3
```
#1fc1b3 rgb(31,193,179)
```
#16caba
```
#16caba rgb(22,202,186)
```
#0ed2c2
```
#0ed2c2 rgb(14,210,194)
```
#05dbc9
```
#05dbc9 rgb(5,219,201)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#76908e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a2a0 Protanopia 1% of men
#ac9fb1 Deuteranopia 1% of men
#49b0bd Tritanopia 0.001% of the population

Trichromacy

#7ba7a2 Protanomaly 1% of men, 0.01% of women
#7ea5ac Deuteranomaly 6% of men, 0.4% of women
#40b0b4 Tritanomaly 0.01% of the population

#30b0a5 hex color

#30b0a5 Color Information

#30b0a5 Color Conversion

Color Schemes with #30b0a5

Alternatives to #30b0a5

#30b0a5 Preview

Shades and Tints of #30b0a5

Tones of #30b0a5

Color Blindness Simulator