#30bda0 hex color

In a RGB color space, hex #30bda0 is composed of 18.8% red, 74.1% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 15.3% yellow and 25.9% black. It has a hue angle of 167.7 degrees, a saturation of 59.5% and a lightness of 46.5%. #30bda0 color hex could be obtained by blending #60ffff with #007b41. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 74
- B 63
RGB color chart
- C 75
- M 0
- Y 15
- K 26
CMYK color chart

● #30bda0 color description : Moderate cyan.

The hexadecimal color #30bda0 has RGB values of R:48, G:189, B:160 and CMYK values of C:0.75, M:0, Y:0.15, K:0.26. Its decimal value is 3194272.

Hex triplet	30bda0	`#30bda0`
RGB Decimal	48, 189, 160	`rgb(48,189,160)`
RGB Percent	18.8, 74.1, 62.7	`rgb(18.8%,74.1%,62.7%)`
CMYK	75, 0, 15, 26
HSL	167.7°, 59.5, 46.5	`hsl(167.7,59.5%,46.5%)`
HSV (or HSB)	167.7°, 74.6, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	69.154, -43.474, 4.137
XYZ	25.759, 39.559, 39.534
xyY	0.246, 0.377, 39.559
CIE-LCH	69.154, 43.67, 174.564
CIE-LUV	69.154, -52.3, 12.817
Hunter-Lab	62.896, -36.963, 6.76
Binary	00110000, 10111101, 10100000

#30bda0
```
#30bda0 rgb(48,189,160)
```
#bd304d
```
#bd304d rgb(189,48,77)
```

Complementary Color

#30bd5a
```
#30bd5a rgb(48,189,90)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```
#3094bd
```
#3094bd rgb(48,148,189)
```

Analogous Color

#bd5a30
```
#bd5a30 rgb(189,90,48)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```
#bd3094
```
#bd3094 rgb(189,48,148)
```

Split Complementary Color

#bda030
```
#bda030 rgb(189,160,48)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```
#a030bd
```
#a030bd rgb(160,48,189)
```

Triadic Color

#4dbd30
```
#4dbd30 rgb(77,189,48)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```
#a030bd
```
#a030bd rgb(160,48,189)
```
#bd304d
```
#bd304d rgb(189,48,77)
```

Tetradic Color

#21806c
```
#21806c rgb(33,128,108)
```
#26947e
```
#26947e rgb(38,148,126)
```
#2ba98f
```
#2ba98f rgb(43,169,143)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```
#3acdaf
```
#3acdaf rgb(58,205,175)
```
#4ed2b7
```
#4ed2b7 rgb(78,210,183)
```
#62d7bf
```
#62d7bf rgb(98,215,191)
```

Monochromatic Color

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

#30bd7d
```
#30bd7d rgb(48,189,125)
```
#30bd89
```
#30bd89 rgb(48,189,137)
```
#30bd94
```
#30bd94 rgb(48,189,148)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```
#30bdac
```
#30bdac rgb(48,189,172)
```
#30bdb8
```
#30bdb8 rgb(48,189,184)
```
#30b7bd
```
#30b7bd rgb(48,183,189)
```

Similar Colors

Text with hexadecimal color #30bda0

This text has a font color of #30bda0.

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

#30bda0 background color

This paragraph has a background color of #30bda0.

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

#30bda0 border color

This element has a border color of #30bda0.

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

CSS codes

.text {color:#30bda0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#04110e
```
#04110e rgb(4,17,14)
```
#08211c
```
#08211c rgb(8,33,28)
```
#0c3029
```
#0c3029 rgb(12,48,41)
```
#104036
```
#104036 rgb(16,64,54)
```
#145043
```
#145043 rgb(20,80,67)
```
#185f51
```
#185f51 rgb(24,95,81)
```
#1c6f5e
```
#1c6f5e rgb(28,111,94)
```
#207e6b
```
#207e6b rgb(32,126,107)
```
#248e78
```
#248e78 rgb(36,142,120)
```
#289e86
```
#289e86 rgb(40,158,134)
```
#2cad93
```
#2cad93 rgb(44,173,147)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```

Shade Color Variation

#35ccad
```
#35ccad rgb(53,204,173)
```
#45d0b3
```
#45d0b3 rgb(69,208,179)
```
#54d4b9
```
#54d4b9 rgb(84,212,185)
```
#64d8c0
```
#64d8c0 rgb(100,216,192)
```
#74dcc6
```
#74dcc6 rgb(116,220,198)
```
#83e0cd
```
#83e0cd rgb(131,224,205)
```
#93e4d3
```
#93e4d3 rgb(147,228,211)
```
#a2e7d9
```
#a2e7d9 rgb(162,231,217)
```
#b2ebe0
```
#b2ebe0 rgb(178,235,224)
```
#c2efe6
```
#c2efe6 rgb(194,239,230)
```
#d1f3ec
```
#d1f3ec rgb(209,243,236)
```
#e1f7f3
```
#e1f7f3 rgb(225,247,243)
```
#f1fbf9
```
#f1fbf9 rgb(241,251,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707d7a is the less saturated color, while #02ebbb is the most saturated one.

#707d7a
```
#707d7a rgb(112,125,122)
```
#678680
```
#678680 rgb(103,134,128)
```
#5e8f85
```
#5e8f85 rgb(94,143,133)
```
#54998b
```
#54998b rgb(84,153,139)
```
#4ba290
```
#4ba290 rgb(75,162,144)
```
#42ab95
```
#42ab95 rgb(66,171,149)
```
#39b49b
```
#39b49b rgb(57,180,155)
```
#30bda0
```
#30bda0 rgb(48,189,160)
```
#27c6a5
```
#27c6a5 rgb(39,198,165)
```
#1ecfab
```
#1ecfab rgb(30,207,171)
```
#15d8b0
```
#15d8b0 rgb(21,216,176)
```
#0ce1b5
```
#0ce1b5 rgb(12,225,181)
```
#02ebbb
```
#02ebbb rgb(2,235,187)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7d9993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ac9b Protanopia 1% of men
#bca8ad Deuteranopia 1% of men
#52bbc8 Tritanopia 0.001% of the population

Trichromacy

#84b29c Protanomaly 1% of men, 0.01% of women
#89afa8 Deuteranomaly 6% of men, 0.4% of women
#46bbba Tritanomaly 0.01% of the population

#30bda0 hex color

#30bda0 Color Information

#30bda0 Color Conversion

Color Schemes with #30bda0

Alternatives to #30bda0

#30bda0 Preview

Shades and Tints of #30bda0

Tones of #30bda0

Color Blindness Simulator