#30f6bb hex color

In a RGB color space, hex #30f6bb is composed of 18.8% red, 96.5% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 0% magenta, 24% yellow and 3.5% black. It has a hue angle of 162.1 degrees, a saturation of 91.7% and a lightness of 57.6%. #30f6bb color hex could be obtained by blending #60ffff with #00ed77. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 96
- B 73
RGB color chart
- C 80
- M 0
- Y 24
- K 4
CMYK color chart

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

The hexadecimal color #30f6bb has RGB values of R:48, G:246, B:187 and CMYK values of C:0.8, M:0, Y:0.24, K:0.04. Its decimal value is 3208891.

Hex triplet	30f6bb	`#30f6bb`
RGB Decimal	48, 246, 187	`rgb(48,246,187)`
RGB Percent	18.8, 96.5, 73.3	`rgb(18.8%,96.5%,73.3%)`
CMYK	80, 0, 24, 4
HSL	162.1°, 91.7, 57.6	`hsl(162.1,91.7%,57.6%)`
HSV (or HSB)	162.1°, 80.5, 96.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.057, -59.958, 15.306
XYZ	43.141, 70.123, 58.272
xyY	0.251, 0.409, 70.123
CIE-LCH	87.057, 61.88, 165.68
CIE-LUV	87.057, -70.104, 32.454
Hunter-Lab	83.74, -54.586, 17.359
Binary	00110000, 11110110, 10111011

#30f6bb
```
#30f6bb rgb(48,246,187)
```
#f6306b
```
#f6306b rgb(246,48,107)
```

Complementary Color

#30f658
```
#30f658 rgb(48,246,88)
```
#30f6bb
```
#30f6bb rgb(48,246,187)
```
#30cef6
```
#30cef6 rgb(48,206,246)
```

Analogous Color

#f65830
```
#f65830 rgb(246,88,48)
```
#30f6bb
```
#30f6bb rgb(48,246,187)
```
#f630ce
```
#f630ce rgb(246,48,206)
```

Split Complementary Color

#f6bb30
```
#f6bb30 rgb(246,187,48)
```
#30f6bb
```
#30f6bb rgb(48,246,187)
```
#bb30f6
```
#bb30f6 rgb(187,48,246)
```

Triadic Color

#6bf630
```
#6bf630 rgb(107,246,48)
```
#30f6bb
```
#30f6bb rgb(48,246,187)
```
#bb30f6
```
#bb30f6 rgb(187,48,246)
```
#f6306b
```
#f6306b rgb(246,48,107)
```

Tetradic Color

#09d095
```
#09d095 rgb(9,208,149)
```
#0ae9a7
```
#0ae9a7 rgb(10,233,167)
```
#18f5b3
```
#18f5b3 rgb(24,245,179)
```
#30f6bb
```
#30f6bb rgb(48,246,187)
```
#48f7c3
```
#48f7c3 rgb(72,247,195)
```
#61f8cb
```
#61f8cb rgb(97,248,203)
```
#79f9d3
```
#79f9d3 rgb(121,249,211)
```

Monochromatic Color

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

#30f68a
```
#30f68a rgb(48,246,138)
```
#30f69a
```
#30f69a rgb(48,246,154)
```
#30f6ab
```
#30f6ab rgb(48,246,171)
```
#30f6bb
```
#30f6bb rgb(48,246,187)
```
#30f6cc
```
#30f6cc rgb(48,246,204)
```
#30f6dc
```
#30f6dc rgb(48,246,220)
```
#30f6ed
```
#30f6ed rgb(48,246,237)
```

Similar Colors

Text with hexadecimal color #30f6bb

This text has a font color of #30f6bb.

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

#30f6bb background color

This paragraph has a background color of #30f6bb.

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

#30f6bb border color

This element has a border color of #30f6bb.

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

CSS codes

.text {color:#30f6bb;}

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

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

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

#01130d
```
#01130d rgb(1,19,13)
```
#02251b
```
#02251b rgb(2,37,27)
```
#023828
```
#023828 rgb(2,56,40)
```
#034b36
```
#034b36 rgb(3,75,54)
```
#045e43
```
#045e43 rgb(4,94,67)
```
#057150
```
#057150 rgb(5,113,80)
```
#06835e
```
#06835e rgb(6,131,94)
```
#07966b
```
#07966b rgb(7,150,107)
```
#07a979
```
#07a979 rgb(7,169,121)
```
#08bc86
```
#08bc86 rgb(8,188,134)
```
#09cf94
```
#09cf94 rgb(9,207,148)
```
#0ae1a1
```
#0ae1a1 rgb(10,225,161)
```
#0bf4af
```
#0bf4af rgb(11,244,175)
```

Shade Color Variation

#1df5b5
```
#1df5b5 rgb(29,245,181)
```
#30f6bb
```
#30f6bb rgb(48,246,187)
```
#43f7c1
```
#43f7c1 rgb(67,247,193)
```
#56f8c7
```
#56f8c7 rgb(86,248,199)
```
#68f8ce
```
#68f8ce rgb(104,248,206)
```
#7bf9d4
```
#7bf9d4 rgb(123,249,212)
```
#8efada
```
#8efada rgb(142,250,218)
```
#a1fbe0
```
#a1fbe0 rgb(161,251,224)
```
#b4fce6
```
#b4fce6 rgb(180,252,230)
```
#c6fdec
```
#c6fdec rgb(198,253,236)
```
#d9fdf3
```
#d9fdf3 rgb(217,253,243)
```
#ecfef9
```
#ecfef9 rgb(236,254,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b9b96
```
#8b9b96 rgb(139,155,150)
```
#83a399
```
#83a399 rgb(131,163,153)
```
#7bab9d
```
#7bab9d rgb(123,171,157)
```
#72b4a0
```
#72b4a0 rgb(114,180,160)
```
#6abca4
```
#6abca4 rgb(106,188,164)
```
#62c4a7
```
#62c4a7 rgb(98,196,167)
```
#5accaa
```
#5accaa rgb(90,204,170)
```
#51d5ae
```
#51d5ae rgb(81,213,174)
```
#49ddb1
```
#49ddb1 rgb(73,221,177)
```
#41e5b4
```
#41e5b4 rgb(65,229,180)
```
#38eeb8
```
#38eeb8 rgb(56,238,184)
```
#30f6bb
```
#30f6bb rgb(48,246,187)
```
#28febe
```
#28febe rgb(40,254,190)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#9ac1b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9dbb2 Protanopia 1% of men
#f6d4ca Deuteranopia 1% of men
#68edff Tritanopia 0.001% of the population

Trichromacy

#a5e5b5 Protanomaly 1% of men, 0.01% of women
#aee0c4 Deuteranomaly 6% of men, 0.4% of women
#54f0e6 Tritanomaly 0.01% of the population

#30f6bb hex color

#30f6bb Color Information

#30f6bb Color Conversion

Color Schemes with #30f6bb

Alternatives to #30f6bb

#30f6bb Preview

Shades and Tints of #30f6bb

Tones of #30f6bb

Color Blindness Simulator