#30bba4 hex color

In a RGB color space, hex #30bba4 is composed of 18.8% red, 73.3% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 12.3% yellow and 26.7% black. It has a hue angle of 170.1 degrees, a saturation of 59.1% and a lightness of 46.1%. #30bba4 color hex could be obtained by blending #60ffff with #007749. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 73
- B 64
RGB color chart
- C 74
- M 0
- Y 12
- K 27
CMYK color chart

● #30bba4 color description : Moderate cyan.

The hexadecimal color #30bba4 has RGB values of R:48, G:187, B:164 and CMYK values of C:0.74, M:0, Y:0.12, K:0.27. Its decimal value is 3193764.

Hex triplet	30bba4	`#30bba4`
RGB Decimal	48, 187, 164	`rgb(48,187,164)`
RGB Percent	18.8, 73.3, 64.3	`rgb(18.8%,73.3%,64.3%)`
CMYK	74, 0, 12, 27
HSL	170.1°, 59.1, 46.1	`hsl(170.1,59.1%,46.1%)`
HSV (or HSB)	170.1°, 74.3, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.64, -41.558, 1.198
XYZ	25.688, 38.847, 41.264
xyY	0.243, 0.367, 38.847
CIE-LCH	68.64, 41.575, 178.348
CIE-LUV	68.64, -51.313, 8.182
Hunter-Lab	62.327, -35.505, 4.376
Binary	00110000, 10111011, 10100100

#30bba4
```
#30bba4 rgb(48,187,164)
```
#bb3047
```
#bb3047 rgb(187,48,71)
```

Complementary Color

#30bb5f
```
#30bb5f rgb(48,187,95)
```
#30bba4
```
#30bba4 rgb(48,187,164)
```
#308dbb
```
#308dbb rgb(48,141,187)
```

Analogous Color

#bb5f30
```
#bb5f30 rgb(187,95,48)
```
#30bba4
```
#30bba4 rgb(48,187,164)
```
#bb308d
```
#bb308d rgb(187,48,141)
```

Split Complementary Color

#bba430
```
#bba430 rgb(187,164,48)
```
#30bba4
```
#30bba4 rgb(48,187,164)
```
#a430bb
```
#a430bb rgb(164,48,187)
```

Triadic Color

#47bb30
```
#47bb30 rgb(71,187,48)
```
#30bba4
```
#30bba4 rgb(48,187,164)
```
#a430bb
```
#a430bb rgb(164,48,187)
```
#bb3047
```
#bb3047 rgb(187,48,71)
```

Tetradic Color

#207e6f
```
#207e6f rgb(32,126,111)
```
#269280
```
#269280 rgb(38,146,128)
```
#2ba792
```
#2ba792 rgb(43,167,146)
```
#30bba4
```
#30bba4 rgb(48,187,164)
```
#38ccb4
```
#38ccb4 rgb(56,204,180)
```
#4dd1bb
```
#4dd1bb rgb(77,209,187)
```
#61d6c3
```
#61d6c3 rgb(97,214,195)
```

Monochromatic Color

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

#30bb81
```
#30bb81 rgb(48,187,129)
```
#30bb8d
```
#30bb8d rgb(48,187,141)
```
#30bb98
```
#30bb98 rgb(48,187,152)
```
#30bba4
```
#30bba4 rgb(48,187,164)
```
#30bbb0
```
#30bbb0 rgb(48,187,176)
```
#30bbbb
```
#30bbbb rgb(48,187,187)
```
#30afbb
```
#30afbb rgb(48,175,187)
```

Similar Colors

Text with hexadecimal color #30bba4

This text has a font color of #30bba4.

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

#30bba4 background color

This paragraph has a background color of #30bba4.

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

#30bba4 border color

This element has a border color of #30bba4.

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

CSS codes

.text {color:#30bba4;}

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

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

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, #040f0d is the darkest color, while #ffffff is the lightest one.

#040f0d
```
#040f0d rgb(4,15,13)
```
#081f1b
```
#081f1b rgb(8,31,27)
```
#0c2f29
```
#0c2f29 rgb(12,47,41)
```
#103e36
```
#103e36 rgb(16,62,54)
```
#144e44
```
#144e44 rgb(20,78,68)
```
#185d52
```
#185d52 rgb(24,93,82)
```
#1c6d60
```
#1c6d60 rgb(28,109,96)
```
#207d6d
```
#207d6d rgb(32,125,109)
```
#248c7b
```
#248c7b rgb(36,140,123)
```
#289c89
```
#289c89 rgb(40,156,137)
```
#2cab96
```
#2cab96 rgb(44,171,150)
```
#30bba4
```
#30bba4 rgb(48,187,164)
```
#34cbb2
```
#34cbb2 rgb(52,203,178)
```

Shade Color Variation

#43cfb8
```
#43cfb8 rgb(67,207,184)
```
#53d3be
```
#53d3be rgb(83,211,190)
```
#63d7c4
```
#63d7c4 rgb(99,215,196)
```
#72dbca
```
#72dbca rgb(114,219,202)
```
#82dfcf
```
#82dfcf rgb(130,223,207)
```
#91e3d5
```
#91e3d5 rgb(145,227,213)
```
#a1e7db
```
#a1e7db rgb(161,231,219)
```
#b1ebe1
```
#b1ebe1 rgb(177,235,225)
```
#c0efe7
```
#c0efe7 rgb(192,239,231)
```
#d0f3ed
```
#d0f3ed rgb(208,243,237)
```
#dff7f3
```
#dff7f3 rgb(223,247,243)
```
#effbf9
```
#effbf9 rgb(239,251,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6f7c7a
```
#6f7c7a rgb(111,124,122)
```
#668580
```
#668580 rgb(102,133,128)
```
#5d8e86
```
#5d8e86 rgb(93,142,134)
```
#54978c
```
#54978c rgb(84,151,140)
```
#4ba092
```
#4ba092 rgb(75,160,146)
```
#42a998
```
#42a998 rgb(66,169,152)
```
#39b29e
```
#39b29e rgb(57,178,158)
```
#30bba4
```
#30bba4 rgb(48,187,164)
```
#27c4aa
```
#27c4aa rgb(39,196,170)
```
#1ecdb0
```
#1ecdb0 rgb(30,205,176)
```
#15d6b6
```
#15d6b6 rgb(21,214,182)
```
#0cdfbc
```
#0cdfbc rgb(12,223,188)
```
#03e8c2
```
#03e8c2 rgb(3,232,194)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c9893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2ab9f Protanopia 1% of men
#b9a7b1 Deuteranopia 1% of men
#50b9c7 Tritanopia 0.001% of the population

Trichromacy

#82b1a0 Protanomaly 1% of men, 0.01% of women
#87aeac Deuteranomaly 6% of men, 0.4% of women
#44baba Tritanomaly 0.01% of the population

#30bba4 hex color

#30bba4 Color Information

#30bba4 Color Conversion

Color Schemes with #30bba4

Alternatives to #30bba4

#30bba4 Preview

Shades and Tints of #30bba4

Tones of #30bba4

Color Blindness Simulator