#30f9bd hex color

In a RGB color space, hex #30f9bd is composed of 18.8% red, 97.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 0% magenta, 24.1% yellow and 2.4% black. It has a hue angle of 162.1 degrees, a saturation of 94.4% and a lightness of 58.2%. #30f9bd color hex could be obtained by blending #60ffff with #00f37b. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 98
- B 74
RGB color chart
- C 81
- M 0
- Y 24
- K 2
CMYK color chart

● #30f9bd color description : Bright cyan - lime green.

The hexadecimal color #30f9bd has RGB values of R:48, G:249, B:189 and CMYK values of C:0.81, M:0, Y:0.24, K:0.02. Its decimal value is 3209661.

Hex triplet	30f9bd	`#30f9bd`
RGB Decimal	48, 249, 189	`rgb(48,249,189)`
RGB Percent	18.8, 97.6, 74.1	`rgb(18.8%,97.6%,74.1%)`
CMYK	81, 0, 24, 2
HSL	162.1°, 94.4, 58.2	`hsl(162.1,94.4%,58.2%)`
HSV (or HSB)	162.1°, 80.7, 97.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.992, -60.646, 15.589
XYZ	44.276, 72.049, 59.715
xyY	0.252, 0.409, 72.049
CIE-LCH	87.992, 62.617, 165.584
CIE-LUV	87.992, -70.968, 33.031
Hunter-Lab	84.882, -55.434, 17.707
Binary	00110000, 11111001, 10111101

#30f9bd
```
#30f9bd rgb(48,249,189)
```
#f9306c
```
#f9306c rgb(249,48,108)
```

Complementary Color

#30f959
```
#30f959 rgb(48,249,89)
```
#30f9bd
```
#30f9bd rgb(48,249,189)
```
#30d1f9
```
#30d1f9 rgb(48,209,249)
```

Analogous Color

#f95930
```
#f95930 rgb(249,89,48)
```
#30f9bd
```
#30f9bd rgb(48,249,189)
```
#f930d1
```
#f930d1 rgb(249,48,209)
```

Split Complementary Color

#f9bd30
```
#f9bd30 rgb(249,189,48)
```
#30f9bd
```
#30f9bd rgb(48,249,189)
```
#bd30f9
```
#bd30f9 rgb(189,48,249)
```

Triadic Color

#6cf930
```
#6cf930 rgb(108,249,48)
```
#30f9bd
```
#30f9bd rgb(48,249,189)
```
#bd30f9
```
#bd30f9 rgb(189,48,249)
```
#f9306c
```
#f9306c rgb(249,48,108)
```

Tetradic Color

#06d698
```
#06d698 rgb(6,214,152)
```
#07efaa
```
#07efaa rgb(7,239,170)
```
#17f8b5
```
#17f8b5 rgb(23,248,181)
```
#30f9bd
```
#30f9bd rgb(48,249,189)
```
#49fac5
```
#49fac5 rgb(73,250,197)
```
#62facd
```
#62facd rgb(98,250,205)
```
#7afbd5
```
#7afbd5 rgb(122,251,213)
```

Monochromatic Color

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

#30f98b
```
#30f98b rgb(48,249,139)
```
#30f99c
```
#30f99c rgb(48,249,156)
```
#30f9ac
```
#30f9ac rgb(48,249,172)
```
#30f9bd
```
#30f9bd rgb(48,249,189)
```
#30f9ce
```
#30f9ce rgb(48,249,206)
```
#30f9df
```
#30f9df rgb(48,249,223)
```
#30f9ef
```
#30f9ef rgb(48,249,239)
```

Similar Colors

Text with hexadecimal color #30f9bd

This text has a font color of #30f9bd.

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

#30f9bd background color

This paragraph has a background color of #30f9bd.

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

#30f9bd border color

This element has a border color of #30f9bd.

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

CSS codes

.text {color:#30f9bd;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#01160f
```
#01160f rgb(1,22,15)
```
#01291d
```
#01291d rgb(1,41,29)
```
#023c2b
```
#023c2b rgb(2,60,43)
```
#024f38
```
#024f38 rgb(2,79,56)
```
#036246
```
#036246 rgb(3,98,70)
```
#037553
```
#037553 rgb(3,117,83)
```
#048861
```
#048861 rgb(4,136,97)
```
#049b6e
```
#049b6e rgb(4,155,110)
```
#05ae7c
```
#05ae7c rgb(5,174,124)
```
#06c189
```
#06c189 rgb(6,193,137)
```
#06d497
```
#06d497 rgb(6,212,151)
```
#07e7a4
```
#07e7a4 rgb(7,231,164)
```

Shade Color Variation

#0af8b1
```
#0af8b1 rgb(10,248,177)
```
#1df8b7
```
#1df8b7 rgb(29,248,183)
```
#30f9bd
```
#30f9bd rgb(48,249,189)
```
#43fac3
```
#43fac3 rgb(67,250,195)
```
#56fac9
```
#56fac9 rgb(86,250,201)
```
#69fbcf
```
#69fbcf rgb(105,251,207)
```
#7cfbd5
```
#7cfbd5 rgb(124,251,213)
```
#8ffcdb
```
#8ffcdb rgb(143,252,219)
```
#a2fce1
```
#a2fce1 rgb(162,252,225)
```
#b5fde8
```
#b5fde8 rgb(181,253,232)
```
#c9fdee
```
#c9fdee rgb(201,253,238)
```
#dcfef4
```
#dcfef4 rgb(220,254,244)
```
#effffa
```
#effffa rgb(239,255,250)
```

Tint Color Variation

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

#929795
```
#929795 rgb(146,151,149)
```
#8a9f99
```
#8a9f99 rgb(138,159,153)
```
#82a79c
```
#82a79c rgb(130,167,156)
```
#7aaf9f
```
#7aaf9f rgb(122,175,159)
```
#72b7a3
```
#72b7a3 rgb(114,183,163)
```
#69c0a6
```
#69c0a6 rgb(105,192,166)
```
#61c8a9
```
#61c8a9 rgb(97,200,169)
```
#59d0ac
```
#59d0ac rgb(89,208,172)
```
#51d8b0
```
#51d8b0 rgb(81,216,176)
```
#49e0b3
```
#49e0b3 rgb(73,224,179)
```
#40e9b6
```
#40e9b6 rgb(64,233,182)
```
#38f1ba
```
#38f1ba rgb(56,241,186)
```
#30f9bd
```
#30f9bd rgb(48,249,189)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#9bc3b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebdeb4 Protanopia 1% of men
#f9d7cc Deuteranopia 1% of men
#7beeff Tritanopia 0.001% of the population

Trichromacy

#a7e7b7 Protanomaly 1% of men, 0.01% of women
#b0e3c6 Deuteranomaly 6% of men, 0.4% of women
#60f2e7 Tritanomaly 0.01% of the population

#30f9bd hex color

#30f9bd Color Information

#30f9bd Color Conversion

Color Schemes with #30f9bd

Alternatives to #30f9bd

#30f9bd Preview

Shades and Tints of #30f9bd

Tones of #30f9bd

Color Blindness Simulator