#30f28f hex color

In a RGB color space, hex #30f28f is composed of 18.8% red, 94.9% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 0% magenta, 40.9% yellow and 5.1% black. It has a hue angle of 149.4 degrees, a saturation of 88.2% and a lightness of 56.9%. #30f28f color hex could be obtained by blending #60ffff with #00e51f. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 95
- B 56
RGB color chart
- C 80
- M 0
- Y 41
- K 5
CMYK color chart

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

The hexadecimal color #30f28f has RGB values of R:48, G:242, B:143 and CMYK values of C:0.8, M:0, Y:0.41, K:0.05. Its decimal value is 3207823.

Hex triplet	30f28f	`#30f28f`
RGB Decimal	48, 242, 143	`rgb(48,242,143)`
RGB Percent	18.8, 94.9, 56.1	`rgb(18.8%,94.9%,56.1%)`
CMYK	80, 0, 41, 5
HSL	149.4°, 88.2, 56.9	`hsl(149.4,88.2%,56.9%)`
HSV (or HSB)	149.4°, 80.2, 94.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.053, -67.471, 34.984
XYZ	37.926, 66.112, 36.747
xyY	0.269, 0.47, 66.112
CIE-LCH	85.053, 76.002, 152.593
CIE-LUV	85.053, -71.591, 59.343
Hunter-Lab	81.309, -59.031, 30.121
Binary	00110000, 11110010, 10001111

#30f28f
```
#30f28f rgb(48,242,143)
```
#f23093
```
#f23093 rgb(242,48,147)
```

Complementary Color

#32f230
```
#32f230 rgb(50,242,48)
```
#30f28f
```
#30f28f rgb(48,242,143)
```
#30f2f0
```
#30f2f0 rgb(48,242,240)
```

Analogous Color

#f23032
```
#f23032 rgb(242,48,50)
```
#30f28f
```
#30f28f rgb(48,242,143)
```
#f030f2
```
#f030f2 rgb(240,48,242)
```

Split Complementary Color

#f28f30
```
#f28f30 rgb(242,143,48)
```
#30f28f
```
#30f28f rgb(48,242,143)
```
#8f30f2
```
#8f30f2 rgb(143,48,242)
```

Triadic Color

#93f230
```
#93f230 rgb(147,242,48)
```
#30f28f
```
#30f28f rgb(48,242,143)
```
#8f30f2
```
#8f30f2 rgb(143,48,242)
```
#f23093
```
#f23093 rgb(242,48,147)
```

Tetradic Color

#0dc969
```
#0dc969 rgb(13,201,105)
```
#0ee175
```
#0ee175 rgb(14,225,117)
```
#18f082
```
#18f082 rgb(24,240,130)
```
#30f28f
```
#30f28f rgb(48,242,143)
```
#48f49c
```
#48f49c rgb(72,244,156)
```
#60f5a9
```
#60f5a9 rgb(96,245,169)
```
#78f7b6
```
#78f7b6 rgb(120,247,182)
```

Monochromatic Color

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

#30f25e
```
#30f25e rgb(48,242,94)
```
#30f26f
```
#30f26f rgb(48,242,111)
```
#30f27f
```
#30f27f rgb(48,242,127)
```
#30f28f
```
#30f28f rgb(48,242,143)
```
#30f29f
```
#30f29f rgb(48,242,159)
```
#30f2af
```
#30f2af rgb(48,242,175)
```
#30f2c0
```
#30f2c0 rgb(48,242,192)
```

Similar Colors

Text with hexadecimal color #30f28f

This text has a font color of #30f28f.

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

#30f28f background color

This paragraph has a background color of #30f28f.

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

#30f28f border color

This element has a border color of #30f28f.

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

CSS codes

.text {color:#30f28f;}

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

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

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

#010e08
```
#010e08 rgb(1,14,8)
```
#022111
```
#022111 rgb(2,33,17)
```
#03331b
```
#03331b rgb(3,51,27)
```
#044624
```
#044624 rgb(4,70,36)
```
#06582e
```
#06582e rgb(6,88,46)
```
#076b38
```
#076b38 rgb(7,107,56)
```
#087d41
```
#087d41 rgb(8,125,65)
```
#09904b
```
#09904b rgb(9,144,75)
```
#0aa255
```
#0aa255 rgb(10,162,85)
```
#0bb55e
```
#0bb55e rgb(11,181,94)
```
#0dc768
```
#0dc768 rgb(13,199,104)
```
#0ed971
```
#0ed971 rgb(14,217,113)
```
#0fec7b
```
#0fec7b rgb(15,236,123)
```

Shade Color Variation

#1ef185
```
#1ef185 rgb(30,241,133)
```
#30f28f
```
#30f28f rgb(48,242,143)
```
#42f399
```
#42f399 rgb(66,243,153)
```
#55f4a3
```
#55f4a3 rgb(85,244,163)
```
#67f5ad
```
#67f5ad rgb(103,245,173)
```
#7af7b7
```
#7af7b7 rgb(122,247,183)
```
#8cf8c1
```
#8cf8c1 rgb(140,248,193)
```
#9ff9cb
```
#9ff9cb rgb(159,249,203)
```
#b1fad5
```
#b1fad5 rgb(177,250,213)
```
#c4fbdf
```
#c4fbdf rgb(196,251,223)
```
#d6fce9
```
#d6fce9 rgb(214,252,233)
```
#e9fef3
```
#e9fef3 rgb(233,254,243)
```
#fbfffd
```
#fbfffd rgb(251,255,253)
```

Tint Color Variation

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

#8d9591
```
#8d9591 rgb(141,149,145)
```
#859d91
```
#859d91 rgb(133,157,145)
```
#7ca691
```
#7ca691 rgb(124,166,145)
```
#74ae90
```
#74ae90 rgb(116,174,144)
```
#6bb790
```
#6bb790 rgb(107,183,144)
```
#63bf90
```
#63bf90 rgb(99,191,144)
```
#5ac890
```
#5ac890 rgb(90,200,144)
```
#52d090
```
#52d090 rgb(82,208,144)
```
#49d990
```
#49d990 rgb(73,217,144)
```
#41e18f
```
#41e18f rgb(65,225,143)
```
#38ea8f
```
#38ea8f rgb(56,234,143)
```
#30f28f
```
#30f28f rgb(48,242,143)
```
#28fa8f
```
#28fa8f rgb(40,250,143)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#94bba7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d68a Protanopia 1% of men
#fccea1 Deuteranopia 1% of men
#72e6f7 Tritanopia 0.001% of the population

Trichromacy

#a5e08b Protanomaly 1% of men, 0.01% of women
#b1db9a Deuteranomaly 6% of men, 0.4% of women
#5aead1 Tritanomaly 0.01% of the population

#30f28f hex color

#30f28f Color Information

#30f28f Color Conversion

Color Schemes with #30f28f

Alternatives to #30f28f

#30f28f Preview

Shades and Tints of #30f28f

Tones of #30f28f

Color Blindness Simulator