#30f0b9 hex color

In a RGB color space, hex #30f0b9 is composed of 18.8% red, 94.1% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 22.9% yellow and 5.9% black. It has a hue angle of 162.8 degrees, a saturation of 86.5% and a lightness of 56.5%. #30f0b9 color hex could be obtained by blending #60ffff with #00e173. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 94
- B 73
RGB color chart
- C 80
- M 0
- Y 23
- K 6
CMYK color chart

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

The hexadecimal color #30f0b9 has RGB values of R:48, G:240, B:185 and CMYK values of C:0.8, M:0, Y:0.23, K:0.06. Its decimal value is 3207353.

Hex triplet	30f0b9	`#30f0b9`
RGB Decimal	48, 240, 185	`rgb(48,240,185)`
RGB Percent	18.8, 94.1, 72.5	`rgb(18.8%,94.1%,72.5%)`
CMYK	80, 0, 23, 6
HSL	162.8°, 86.5, 56.5	`hsl(162.8,86.5%,56.5%)`
HSV (or HSB)	162.8°, 80, 94.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.224, -58.113, 13.757
XYZ	41.132, 66.447, 56.554
xyY	0.251, 0.405, 66.447
CIE-LCH	85.224, 59.719, 166.682
CIE-LUV	85.224, -68.229, 29.826
Hunter-Lab	81.515, -52.58, 15.926
Binary	00110000, 11110000, 10111001

#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#f03067
```
#f03067 rgb(240,48,103)
```

Complementary Color

#30f059
```
#30f059 rgb(48,240,89)
```
#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#30c7f0
```
#30c7f0 rgb(48,199,240)
```

Analogous Color

#f05930
```
#f05930 rgb(240,89,48)
```
#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#f030c7
```
#f030c7 rgb(240,48,199)
```

Split Complementary Color

#f0b930
```
#f0b930 rgb(240,185,48)
```
#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#b930f0
```
#b930f0 rgb(185,48,240)
```

Triadic Color

#67f030
```
#67f030 rgb(103,240,48)
```
#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#b930f0
```
#b930f0 rgb(185,48,240)
```
#f03067
```
#f03067 rgb(240,48,103)
```

Tetradic Color

#0ec591
```
#0ec591 rgb(14,197,145)
```
#10dda2
```
#10dda2 rgb(16,221,162)
```
#18eeb1
```
#18eeb1 rgb(24,238,177)
```
#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#48f2c1
```
#48f2c1 rgb(72,242,193)
```
#60f3c9
```
#60f3c9 rgb(96,243,201)
```
#77f5d1
```
#77f5d1 rgb(119,245,209)
```

Monochromatic Color

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

#30f089
```
#30f089 rgb(48,240,137)
```
#30f099
```
#30f099 rgb(48,240,153)
```
#30f0a9
```
#30f0a9 rgb(48,240,169)
```
#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#30f0c9
```
#30f0c9 rgb(48,240,201)
```
#30f0d9
```
#30f0d9 rgb(48,240,217)
```
#30f0e9
```
#30f0e9 rgb(48,240,233)
```

Similar Colors

Text with hexadecimal color #30f0b9

This text has a font color of #30f0b9.

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

#30f0b9 background color

This paragraph has a background color of #30f0b9.

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

#30f0b9 border color

This element has a border color of #30f0b9.

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

CSS codes

.text {color:#30f0b9;}

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

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

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, #010c09 is the darkest color, while #f9fffd is the lightest one.

#010c09
```
#010c09 rgb(1,12,9)
```
#021f17
```
#021f17 rgb(2,31,23)
```
#043124
```
#043124 rgb(4,49,36)
```
#054331
```
#054331 rgb(5,67,49)
```
#06563f
```
#06563f rgb(6,86,63)
```
#08684c
```
#08684c rgb(8,104,76)
```
#097a5a
```
#097a5a rgb(9,122,90)
```
#0a8d67
```
#0a8d67 rgb(10,141,103)
```
#0c9f75
```
#0c9f75 rgb(12,159,117)
```
#0db182
```
#0db182 rgb(13,177,130)
```
#0ec38f
```
#0ec38f rgb(14,195,143)
```
#0fd69d
```
#0fd69d rgb(15,214,157)
```
#11e8aa
```
#11e8aa rgb(17,232,170)
```

Shade Color Variation

#1eefb3
```
#1eefb3 rgb(30,239,179)
```
#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#42f1bf
```
#42f1bf rgb(66,241,191)
```
#55f3c5
```
#55f3c5 rgb(85,243,197)
```
#67f4cc
```
#67f4cc rgb(103,244,204)
```
#79f5d2
```
#79f5d2 rgb(121,245,210)
```
#8bf7d8
```
#8bf7d8 rgb(139,247,216)
```
#9ef8de
```
#9ef8de rgb(158,248,222)
```
#b0f9e4
```
#b0f9e4 rgb(176,249,228)
```
#c2fbea
```
#c2fbea rgb(194,251,234)
```
#d5fcf1
```
#d5fcf1 rgb(213,252,241)
```
#e7fdf7
```
#e7fdf7 rgb(231,253,247)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

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

#8e9291
```
#8e9291 rgb(142,146,145)
```
#859b95
```
#859b95 rgb(133,155,149)
```
#7da398
```
#7da398 rgb(125,163,152)
```
#74ac9c
```
#74ac9c rgb(116,172,156)
```
#6cb49f
```
#6cb49f rgb(108,180,159)
```
#63bda3
```
#63bda3 rgb(99,189,163)
```
#5bc5a7
```
#5bc5a7 rgb(91,197,167)
```
#52ceaa
```
#52ceaa rgb(82,206,170)
```
#4ad6ae
```
#4ad6ae rgb(74,214,174)
```
#41dfb2
```
#41dfb2 rgb(65,223,178)
```
#39e7b5
```
#39e7b5 rgb(57,231,181)
```
#30f0b9
```
#30f0b9 rgb(48,240,185)
```
#27f9bd
```
#27f9bd rgb(39,249,189)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#96bdb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d6b0 Protanopia 1% of men
#f0d0c8 Deuteranopia 1% of men
#66e8f9 Tritanopia 0.001% of the population

Trichromacy

#a2dfb3 Protanomaly 1% of men, 0.01% of women
#aadbc2 Deuteranomaly 6% of men, 0.4% of women
#52ebe1 Tritanomaly 0.01% of the population

#30f0b9 hex color

#30f0b9 Color Information

#30f0b9 Color Conversion

Color Schemes with #30f0b9

Alternatives to #30f0b9

#30f0b9 Preview

Shades and Tints of #30f0b9

Tones of #30f0b9

Color Blindness Simulator