#30f869 hex color

In a RGB color space, hex #30f869 is composed of 18.8% red, 97.3% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 57.7% yellow and 2.7% black. It has a hue angle of 137.1 degrees, a saturation of 93.5% and a lightness of 58%. #30f869 color hex could be obtained by blending #60ffd2 with #00f100. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 19
- G 97
- B 41
RGB color chart
- C 81
- M 0
- Y 58
- K 3
CMYK color chart

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

The hexadecimal color #30f869 has RGB values of R:48, G:248, B:105 and CMYK values of C:0.81, M:0, Y:0.58, K:0.03. Its decimal value is 3209321.

Hex triplet	30f869	`#30f869`
RGB Decimal	48, 248, 105	`rgb(48,248,105)`
RGB Percent	18.8, 97.3, 41.2	`rgb(18.8%,97.3%,41.2%)`
CMYK	81, 0, 58, 3
HSL	137.1°, 93.5, 58	`hsl(137.1,93.5%,58%)`
HSV (or HSB)	137.1°, 80.6, 97.3
Web Safe	33ff66	`#33ff66`

CIE-LAB	86.395, -75.179, 54.612
XYZ	37.334, 68.779, 24.672
xyY	0.285, 0.526, 68.779
CIE-LCH	86.395, 92.921, 144.004
CIE-LUV	86.395, -75.466, 82.229
Hunter-Lab	82.933, -64.778, 40.415
Binary	00110000, 11111000, 01101001

#30f869
```
#30f869 rgb(48,248,105)
```
#f830bf
```
#f830bf rgb(248,48,191)
```

Complementary Color

#5bf830
```
#5bf830 rgb(91,248,48)
```
#30f869
```
#30f869 rgb(48,248,105)
```
#30f8cd
```
#30f8cd rgb(48,248,205)
```

Analogous Color

#f8305b
```
#f8305b rgb(248,48,91)
```
#30f869
```
#30f869 rgb(48,248,105)
```
#cd30f8
```
#cd30f8 rgb(205,48,248)
```

Split Complementary Color

#f86930
```
#f86930 rgb(248,105,48)
```
#30f869
```
#30f869 rgb(48,248,105)
```
#6930f8
```
#6930f8 rgb(105,48,248)
```

Triadic Color

#bff830
```
#bff830 rgb(191,248,48)
```
#30f869
```
#30f869 rgb(48,248,105)
```
#6930f8
```
#6930f8 rgb(105,48,248)
```
#f830bf
```
#f830bf rgb(248,48,191)
```

Tetradic Color

#07d442
```
#07d442 rgb(7,212,66)
```
#08ed49
```
#08ed49 rgb(8,237,73)
```
#17f757
```
#17f757 rgb(23,247,87)
```
#30f869
```
#30f869 rgb(48,248,105)
```
#49f97b
```
#49f97b rgb(73,249,123)
```
#61fa8d
```
#61fa8d rgb(97,250,141)
```
#7afb9f
```
#7afb9f rgb(122,251,159)
```

Monochromatic Color

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

#30f837
```
#30f837 rgb(48,248,55)
```
#30f848
```
#30f848 rgb(48,248,72)
```
#30f858
```
#30f858 rgb(48,248,88)
```
#30f869
```
#30f869 rgb(48,248,105)
```
#30f87a
```
#30f87a rgb(48,248,122)
```
#30f88a
```
#30f88a rgb(48,248,138)
```
#30f89b
```
#30f89b rgb(48,248,155)
```

Similar Colors

Text with hexadecimal color #30f869

This text has a font color of #30f869.

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

#30f869 background color

This paragraph has a background color of #30f869.

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

#30f869 border color

This element has a border color of #30f869.

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

CSS codes

.text {color:#30f869;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#011506
```
#011506 rgb(1,21,6)
```
#01280c
```
#01280c rgb(1,40,12)
```
#023b12
```
#023b12 rgb(2,59,18)
```
#034e18
```
#034e18 rgb(3,78,24)
```
#03611e
```
#03611e rgb(3,97,30)
```
#047424
```
#047424 rgb(4,116,36)
```
#05872a
```
#05872a rgb(5,135,42)
```
#059a2f
```
#059a2f rgb(5,154,47)
```
#06ac35
```
#06ac35 rgb(6,172,53)
```
#06bf3b
```
#06bf3b rgb(6,191,59)
```
#07d241
```
#07d241 rgb(7,210,65)
```
#08e547
```
#08e547 rgb(8,229,71)
```

Shade Color Variation

#0af74e
```
#0af74e rgb(10,247,78)
```
#1df75b
```
#1df75b rgb(29,247,91)
```
#30f869
```
#30f869 rgb(48,248,105)
```
#43f977
```
#43f977 rgb(67,249,119)
```
#56f984
```
#56f984 rgb(86,249,132)
```
#69fa92
```
#69fa92 rgb(105,250,146)
```
#7cfba0
```
#7cfba0 rgb(124,251,160)
```
#8ffbae
```
#8ffbae rgb(143,251,174)
```
#a2fcbb
```
#a2fcbb rgb(162,252,187)
```
#b5fcc9
```
#b5fcc9 rgb(181,252,201)
```
#c8fdd7
```
#c8fdd7 rgb(200,253,215)
```
#dbfee5
```
#dbfee5 rgb(219,254,229)
```
#eefef2
```
#eefef2 rgb(238,254,242)
```

Tint Color Variation

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

#939593
```
#939593 rgb(147,149,147)
```
#8b9d90
```
#8b9d90 rgb(139,157,144)
```
#82a68c
```
#82a68c rgb(130,166,140)
```
#7aae89
```
#7aae89 rgb(122,174,137)
```
#72b685
```
#72b685 rgb(114,182,133)
```
#6abe82
```
#6abe82 rgb(106,190,130)
```
#61c77e
```
#61c77e rgb(97,199,126)
```
#59cf7b
```
#59cf7b rgb(89,207,123)
```
#51d777
```
#51d777 rgb(81,215,119)
```
#49df74
```
#49df74 rgb(73,223,116)
```
#40e870
```
#40e870 rgb(64,232,112)
```
#38f06d
```
#38f06d rgb(56,240,109)
```
#30f869
```
#30f869 rgb(48,248,105)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#93bb9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1da67 Protanopia 1% of men
#ffd29a Deuteranopia 1% of men
#7be9fa Tritanopia 0.001% of the population

Trichromacy

#aae568 Protanomaly 1% of men, 0.01% of women
#b3e088 Deuteranomaly 6% of men, 0.4% of women
#5fefc5 Tritanomaly 0.01% of the population

#30f869 hex color

#30f869 Color Information

#30f869 Color Conversion

Color Schemes with #30f869

Alternatives to #30f869

#30f869 Preview

Shades and Tints of #30f869

Tones of #30f869

Color Blindness Simulator